자바스크립트(JS), 빠르게! 문자열 자르기 4가지 방법

자바스크립트(JavaScript)를 사용하다 보면 문자열(string)을 자르기해야하는 상황을 자주 마주치게 되는데요.

오늘은 빠르게 자바스크립트에서 문자열을 자르는 4가지 방법을 알아보겠습니다.

다음 4가지 방법이 있습니다.

 

---

자바스크립트 문자열 자르는 방법

1. slice() 활용하기
2. substring() 활용하기
3. substr() 활용하기
4. split() 활용하기

 

 

---

 

 

1. slice() 활용하기

See the Pen slice() by blacklobster (@blacklobster) on CodePen.

 

slice() 메서드는 문자열의 일부를 추출한 후에 새 문자열을 반환합니다.

예시처럼 text.slice(0, 3)은 0번째 인덱스부터 시작해서 인덱스 3의 전 값까지 받게 됩니다.

만약 두번째 값이 없으면 첫번째 값에 해당하는 인덱스부터 끝까지 반환합니다.

text.slice(7)은 7번째 인덱스부터 끝까지 문자열을 반환하게 되는 거죠.

 

---

 

2. substring() 활용하기

See the Pen substring() by blacklobster (@blacklobster) on CodePen.

 

 

substring() 메서드도 slice()와 비슷합니다.

첫번째 값은 시작 인덱스의 값을 의미합니다. 그리고 두번째 값은 종료 인덱스 전까지를 의미합니다.

즉 text.substring(7, 12)은 7번째 인덱스의 값으로 시작해서 12번째 인덱스 전인 11번째 값까지만 반환합니다.

slice()와 마찬가지로 하나의 숫자만 넣을 경우 해당 숫자부터 끝까지 문자열을 반환합니다.

 

---

 

3. substr() 활용하기

See the Pen substr() by blacklobster (@blacklobster) on CodePen.

 

substr()은 일단 권장되지 않기 때문에 알고만 계시면 좋을 것 같습니다. (참고 링크)

해당 메서드는 시작 인덱스부터 추출할 글자수를 인자로 받습니다.

 

---

 

4. split() 활용하기

See the Pen Untitled by blacklobster (@blacklobster) on CodePen.

 

split()은 문자열을 배열로 분할합니다. split의 괄호 안에 문자열을 기준으로 배열을 나누게 되는데요.

가령 아무 값 없이 단순히 ''만 넣을 경우 한 문자씩 끊어서 배열로 만듭니다.

'-'을 넣을 경우 - 기준으로 나누어진 배열을 확인할 수 있습니다.