Array Method : Splice vs Slice

Splice()

기존 요소를 제거하거나 교체하고 새 요소를 추가하여 배열의 내용을 변경해준다.

 

매개변수

splice(start, deleteCount, item1, item2, itemN)

 

반환값

삭제된 요소를 포함하는 배열

한 요소만 제거되면 한 요소의 배열이 반환

요소가 제거되지 않으면 빈 배열이 반환

 

start : 배열 변경을 시작할 인덱스

deleteCount : 제거할 배열의 요소 수를 나타내는 정수

item1,item2,... : 배열에 추가할 요소

 

let number = [1,2,3,4,5,6];
let remove = number.splice(1,0,3);

//number = [3,1,2,3,4,5,6]
//remove = []

추가적 예시 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

Array.prototype.splice() - JavaScript | MDN

 

Slice()

원래 배열을 변경하지 않는다. 원래 배열에서 요소의 얕은 복사본을 반환한다.

 

매개변수

slice(start,end)

start: 추출을 시작할 0부터 시작하는 인덱스

end : 0부터 시작해서 추출을 종료하기 전을 나타내는 인덱스, end드는 추출할 인덱스로 포함되지 않는다.

ex) slice(1,4) -> 2번째 요소 ~ 4번째 요소까지 추출 (요소 index 1,2,3)

 

반환값

추출된 요소를 포함하는 새 배열

 

let fruits = ['Apple','Banana','Orange','Lemon'];
let citrus = fruits.slice(1,3)

// fruits contains ['Apple','Banana','Orange','Lemon'];
// citrus contains ['Banana','Orange']

추가적 예시 : 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

Array.prototype.slice() - JavaScript | MDN