[JavaScript] 배열 자르기 - slice()

 

 

배열 자르기

배열의 일부분을 잘라 새로운 배열로 반환하기 위해서는 slice() 메서드를 사용합니다.

 

 

 

slice()

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

slice() 메서드는 잘라낼 배열의 시작 index부터 종료 index를 인자(매개변수, Parameter)로 받아(end index미포함)

그 사이 요소들을 새로운 배열로 반환합니다.

원본 배열은 변경되지 않습니다.

 

 

begin

잘라낼 배열의 시작 index

(0을 시작으로 하며, 음수 인덱스는 배열의 끝에서부터의 길이를 나타냅니다.)

 

 

end

잘라낼 배열의 종료 index

end index는 잘라낼 배열에 포함되지 않습니다.

end index가 생략되면 begin index부터 배열의 끝까지(arr.length) 잘라냅니다.

만약 end 값이 배열의 길이보다 큰 경우에도 slice()는 배열의 끝까지(arr.length) 잘라냅니다.

 

 

반환값

잘라낸 요소들을 포함한 새로운 배열을 반환합니다.

 

 

 

const arr = ['a', 'b', 'c', 'd'];

const arr1 = arr.slice(0, 3);
const arr2 = arr.slice(1); 
const arr3 = arr.slice(-3, -1);

console.log(arr); // ['a', 'b', 'c', 'd']
console.log(arr1); // ['a', 'b', 'c']
console.log(arr2); // ['b', 'c', 'd']
console.log(arr3); // ['b', 'c']

 

 

arr1.slice(0, 3)

const arr1 = arr.slice(0, 3);

arr[0] ~ arr[3] 까지(arr[3] 미포함)를 복사한 새 배열을 반환합니다.

 

 

 

 

 

arr2.slice(1)

const arr2 = arr.slice(1); 

두 번째 인자로 end index값이 입력되지 않으면,

시작 index부터 배열의 끝까지를 복사한 새 배열을 반환합니다.

 

 

 

 

 

arr3.slice(-3, -1)

const arr3 = arr.slice(-3, -1);

시작 index나 종료 index가 음수이면,

배열의 끝에서부터의 길이를 나타냅니다.

 

 

 

원본 배열인 arr배열은 변경되지 않습니다.

console.log(arr); // ['a', 'b', 'c', 'd']