문자열을 잘라보자 ✂ (substr, substring, slice)

substr ❌

// substr(startIndex,length)

const str = "안녕하세요";

const substrTest = str.substr(0, 3);

console.log(substrTest);

//console.log(안녕하)

• substr은 사실 사용을 권하지 않는다.
• 이유는 substr()이 포함된 ECMA-262 표준 부록에 본 부록이 포함한 모든 언어 기능과 행동은 하나 이상의 바람직하지 않은 특징을 갖고 있으며 사용처가 없어질 경우 명세에서 제거된다고 MDN 사이트에서 친절히 경고를 내보내고 있기때문이다.
• 프로그래머스 코딩테스트 연습 중 발견하고 변경하였는데 잘만 쓰면 유용할거 같은데 조금 아쉽긴 하다. 사용법은 간단하다. substr(시작할인덱스, 길이) 를 입력해주면 간단히 해당 문자열을 잘라낼 수 있다.

substring ⭕

// substring(startIndex,endIndex)

const str = "안녕하세요";

const substrTest = str.substring(0, 2);

console.log(substrTest);

//            0 1 endIndex 전까지 출력
//console.log(안녕)

• substring 또한 사용법이 매우 간단하다. startindex, 두번째인자로 endindex 를 넣어주면 endindex 이전 까지 문자열을 잘라준다. ( startindex만 넣을경우 startindex부터 끝까지 잘라낸다 slice도 동일)
• 이런 메서드를 사용할때 코테를 하기 전에는 정적인 고정 숫자를 넣어야 한다는 강박(?)이 잡혀있었는데 변수를 활용해 여러 동적인 값들을 넣는것을 생각하는게 중요한것 같다.⭐

slice ⭕

// slice(startindex, endindex)

const str = "안녕하세요";

const substrTest = str.slice(0, 2);

console.log(substrTest);

//            0 1 endIndex 전까지 출력
//console.log(안녕)

const substrTest2 = str.slice(0, -1);

console.log(substrTest2);
//console.log(안녕하세)

// endindex로 음수를 줄경우 끝에서부터 자르기 시작한다.

• 사용법 자체는 substring과 비슷하지만 substring 에서는 endindex에 음수를 넣을 경우 0으로 취급되어 빈 문자열을 반환하므로 주의하자.
• slice든 strstring이든 상황에 맞는 메서드를 잘 활용하면 될것같다. 중요한건 이런 메서드들을 아느냐 모르느냐 같으니 이번 기회에 기억해두자.