slice() 메서드

오늘은 slice메서드에 대해 알아보려고 한다.

slice

slice메서드는 JavaScript 에서 배열이나 문자열의 특정 부분을 추출하는 데 사용된다.

array.slice(start, end);

start : 추출을 시작할 인덱스. 이 인덱스의 요소는 포함된다. 기본값은 0이다.

end: 추출을 종료할 인덱스. 이 인덱스의 요소는 포함되지 않는다. 기본값은 배열의 길이이다.

 

기본사용

const fruits = ["apple", "banana", "cherry", "date", "fig", "grape"];

const sliceArray = fruits.slice(1, 4); // 배열의 인덱스 1부터 4 이전까지의 요소를 포함하는 새로운 배열을 생성
console.log(sliceArray); // ["banana", "cherry", "date"]

fruits의 인덱스 1번부터 4번까지는 banana, cherry, date, fig이지만 slice로 추출을 시작하는 banana는 잘라진 배열에 포함된다. 하지만 slice는 종료된 인덱스는 포함되지 않기 때문에 fig는 잘라진 배열에 포함되지 않는다.

따라서 결괏값은 ["banana", "cherry", "date"]가 된다.

 

음수 인덱스 사용

const numbers = [1,2,3,4,5];

const sliceNumber = numbers.slice(-4, -1)
console.log(sliceNumber); // [2,3,4]

음수 인덱스를 사용하여 배열의 끝에서부터 요소를 참조할 수 있다.

여기서 slice(-4, -1)은 배열의 끝에서 4번째 요소부터 끝에서 1번째 요소까지 추출한다.

 

문자열에서 사용

const string = "Hello World!";

const sliceString = string.slice(6, 11);
console.log(sliceString) // World

string에서의 인덱스 6~11은 Wolrd! 이지만 slice는 마지막 인덱스는 포함하지 않기 때문에 ! 가 빠진 Wolrd가 출력된다.

 

slice메서드의 주요 특징

• 시작 인덱스는 포함되지만 끝 인덱스는 포함되지 않는다: slice(start, end)에서 start 인덱스의 요소는 포함되지만, end 인덱스의 요소는 포함되지 않는다. 예를 들어, slice(1, 4)는 인덱스 1부터 3까지의 요소를 포함한다.
• 원본 배열이나 문자열을 변경하지 않고 새로운 배열이나 문자열을 반환한다: slice 메서드는 원본 배열이나 문자열을 수정하지 않고, 지정한 범위의 요소들로 이루어진 새로운 배열이나 문자열을 반환한다.
• START와 END 인덱스가 음수일 경우 배열이나 문자열의 끝에서부터 오프셋으로 간주된다: 음수 인덱스는 배열이나 문자열의 끝에서부터의 오프셋을 의미한다. 예를 들어, -1은 배열이나 문자열의 마지막 요소를 나타낸다.