JavaScript - 문자열 자르기(split, substr, substring, slice)

JavaScript로 문자열을 자를 때는 split(), substr(), substring(), slice()를 사용할 수 있다.

• split() : 구분자로 문자열 분리하여 배열로 리턴
• substr() : 특정 Index에서 원하는 길이만큼 잘라서 문자열로 리턴
• substring() : 시작 Index에서 끝 Index 전까지 문자열을 잘라서 리턴
• slice() : substring과 비슷하지만 살짝 다른 메소드

1. split() 사용법

- split() Syntax : str.split(splitter, limit);

let str = 'Hello, World, JavaScript';

//1> 구분자만 사용
console.log(str.split(','));

//2> 구분자와 limit 사용
console.log(str.split(',', 0));
console.log(str.split(',', 1));
console.log(str.split(',', 2));
console.log(str.split(',', 3));

//3> 구분자와 limit 전달 X : 문자열 전체를 배열에 담아 길이가 1인 배열 리턴
console.log(str.split());

- 응답값

2. substr() 사용법

- substr() Syntax : str.substr(start , length);

let str = 'Hello, World, JavaScript';

//1> start만 사용
console.log(str.substr(7));

//2> start와 length 사용
console.log(str.substr(0, 5));
console.log(str.substr(7, 17));

- 응답값

3. substring() 사용법

- substring() Syntax : str.substring(start , end);

let str = 'Hello, World, JavaScript';

//1> start만 사용
console.log(str.substring(7));

//2> start와 length 사용
console.log(str.substring(0, 5));
console.log(str.substring(7, 24));

- 응답값

4. slice() 사용법

- slice() Syntax : str.slice(start , end);

let str = 'Hello, World, JavaScript';

//1> start만 사용
console.log(str.slice(7));

//2> start와 length 사용
console.log(str.slice(0, 5));
console.log(str.slice(7, 24));

- 응답값

slice와 substring의 차이점

- 인자로 음수가 전달되었을 때 차이가 있다. substring()은 빈 문자열을 리턴, slice()는 음수 Index를 적용하여 문자열을 자른다.

let str = 'Hello, World, JavaScript';

console.log(str.substring(0, -6));
console.log(str.slice(0, -6));

- 응답값