프론트엔드/JavaScript
[JavaScript] slice(), substring(), substr(), split()
codingD
2022. 12. 11. 22:35
개인적으로 잘라내서 반환하는 함수가 헷갈리는 부분이 있어서 정의에 대해 정리하려고 한다.
1. slice()
- slice(시작위치, 종료위치) : 시작위치와 종료위치를 기준으로 문자열에서 해당 부분을 잘라서 반환한다
- slice(시작위치) : 종료 위치를 생략할 경우, 시작위치부터 문자열의 마지막까지 잘라서 반환
- slice(음수) : 문자열의 끝에서부터 거꾸로 읽어서 반환
let str = "Apple, Banana, Kiwi";
let res = str.slice(7, 13); //Banana
let str = "Apple, Banana, Kiwi";
let res = str.slice(7); //Banana, Kiwi
let str = "Apple, Banana, Kiwi";
let res = str.slice(-12); // Banana, Kiwi
2. substring()
- slice()함수와 동일한 기능을 하지만 음수를 허용하지 않음
let str = "Apple, Banana, Kiwi";
let res = str.substring(7, 13); //Banana
3. substr()
- slice() 함수와 유사하지만 파라미터의 정의에서 차이가 있다
- substr(시작위치, 잘라낼 문자의 길이) : 두 번째 파라미터가 시작위치에서부터 잘라내고자하는 문자의 길이에 해당
- substr(시작위치) : 두 번째 파라미터를 생략할 경우, 문자열의 마지막까지 반환
- substr(음수) : 문자열의 맨 마지막에서부터 거꾸로 읽음
let str = "Apple, Banana, Kiwi";
let res = str.substr(7, 6); //Banana
let str = "Apple, Banana, Kiwi";
let res = str.substr(7); //Banana, Kiwi
let str = "Apple, Banana, Kiwi";
let res = str.substr(-12); //Banana, Kiwi
4. split()
- 문자열 내의 특정 구분자를 기준으로 문자열을 분리하여 배열로 리턴
let birth = "1994-12-24";
let arr = birth.split("-"); //["1994", "12", "24"]