문자열 자르기

1. split( )

String.prototype.split() - JavaScript | MDN

String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눈다.

매개변수는 separator과 limit이 있다.

separator은 원본 문자열을 끊어야 할 부분을 나타내는 문자열이고, limit은 끊어진 문자열의 최대 개수를 나타내는 정수이다.

split()
split(separator)
split(separator, limit)

const str = 'Hello, JavaScript';

console.log(str.split()) //['Hello, JavaScript']
console.log(str.split(',')); //["Hello", " JavaScript"]
console.log(str.split(',',0)); //['Hello']

let [a,b] = str.split(' ');
console.log(a) // Hello
console.log(b) // JavaScript

 

2. substring( )

String.prototype.substring() - JavaScript | MDN

 string 객체의 시작 인덱스로 부터 종료 인덱스 전 까지 문자열의 부분 문자열을 반환한다.

const str = 'javascript';

console.log(str.substring(1, 3)); //"av"
console.log(str.substring(2)); //"vascript"

 

 

3. slice( )

Array.prototype.slice() - JavaScript | MDN

substring과 비슷하지만 살짝 다른 메소드다. 어떤 배열의 begin 부터 end 까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환하며 원본 배열은 바뀌지 않는다.

 

매개변수는 begin과 end가 있으며 begin은 0으로 시작하는 추출 시작점에 대한 인덱스를 의미하며 음수 인덱스는 배열의 끝에서부터의 길이를 나타낸다. end는 추출을 종료할 0 기준 인덱스이고 end 인덱스를 제외하고 추출한다.

예를들어 slice(1,4)는 2번째 요소부터 4번째 요소까지 추출한다.

만약 end 값이 배열의 길이보다 크다면, 배열의 끝(arr.length)까지 추출한다.

arr.slice([begin[, end]])

const alphabet = ['a', 'b', 'c', 'd', 'e'];

console.log(alphabet.slice(2)); //["c", "d", "e"]
console.log(alphabet.slice(2, 4)); //["c", "d"]
console.log(alphabet.slice(1, 5)); //["b", "c", "d", "e"]
console.log(alphabet.slice(-2)); //["d", "e"]
console.log(alphabet.slice(2, -1)); //["c", "d"]
console.log(alphabet.slice()); //["a", "b", "c", "d", "e"]

 

 slice와 substring의 차이점

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

const alphabet = ['a', 'b', 'c', 'd', 'e'];

console.log(alphabet.substring(0, -3)) // Error: alphabet.substring is not a function
console.log(alphabet.slice(0, -3)) //["a", "b"]