[Javascript] 문자열 자르기 (slice, substr, substring)

1.  slice

첫번째 인자 시작인덱스 ( 숫자, 필수 )

문자열의 시작인덱스부터 문자열의 마지막 문자까지 자른 결과값을 반환한다. ( 0: 첫문자부터, -1: 뒷문자부터 )

let str = '안녕하세요.'

console.log(str.slice(2))
// 결과: "하세요."

console.log(str.slice(-1))
// 결과: "."

 

 

두번째 인자 종료인덱스 ( 숫자, 옵션 )

문자열의 시작인덱스부터 시작해서 종료인덱스까지 자른 결과값을 반환한다. ( 0: 첫문자부터, -1: 뒷문자부터 )

const str = '안녕하세요 개발자입니다.';

console.log(str.slice(6, 19));
// 결과: "개발자입니다."

console.log(str.slice(-7, -5));
// 결과: "개발"

 

 

 

2.  substr

첫번째 인자 시작인덱스 ( 숫자, 필수 )

문자열의 시작인덱스부터 문자열의 마지막 문자까지 자른 결과값을 반환한다. ( 0: 첫문자부터, -1: 뒷문자부터 )

const str = 'ㄱㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎ';

console.log(str.substr(2));
// Expected output: "ㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎ"


console.log(str.substr(-2));
// Expected output: "ㅍㅎ"

 

두번째 인자 문자길이 ( 숫자, 옵션 )

문자열의 시작인덱스부터 시작해서 문자길이까지 자른 결과값을 반환한다. ( 0: 첫문자부터, -1: 뒷문자부터 )

const str = 'ㄱㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎ';

console.log(str.substr(1, 2));
// Expected output: "ㄴㄷ"

console.log(str.substr(-1, 1));
// Expected output: "ㅎ"

 

 

 

3.  substring

첫번째 인자 시작인덱스 ( 숫자, 필수 )

문자열의 시작인덱스부터 문자열의 마지막 문자까지 자른 결과값을 반환한다. ( 0: 첫문자부터 )

let str = '안녕하세요.'

console.log(str.substring(2))
// 결과: "하세요."

console.log(str.substring(5))
// 결과: "."

 

두번째 인자 종료인덱스 ( 숫자, 옵션 )

문자열의 시작인덱스부터 시작해서 종료인덱스전까지 자른 결과값을 반환한다. ( 0: 첫문자부터, -1: 뒷문자부터 )

const str = '안녕하세요 개발자입니다.';

console.log(str.substring(6, 19));
// 결과: "개발자입니다."

console.log(str.substring(-4, 2));
// 결과: "개발"

 

 

참조

[MDN slice]: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/slice

String.prototype.slice() - JavaScript | MDN

[MDN substr]: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/substr

String.prototype.substr() - JavaScript | MDN

[MDN substring]: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/substring

String.prototype.substring() - JavaScript | MDN