JS - splice()

* splice(): 배열에서 중간에 있는 요소를 제거하기 위해서는 splice 기능을 사용하면 된다.

 

배열에서 원하는 요소를 제거

// 1) 인덱스 1개만 삭제
const array = ['a', 'b', 'c', 'd']
array.splice(1, 1) //인덱스 1인 요소를 포함해 (순서대로) 1개 삭제한다. 1개만 삭제하므로 인덱스 1만 삭제.
console.log(array) //['a', 'c', 'd']

// 2) 인덱스 2개 이상 삭제
const array = ['a', 'b', 'c', 'd']
array.splice(0, 1) //인덱스 0인 요소를 포함해 순서대로 3개 삭제한다. 3개 삭제이므로 인덱스 0~2 삭제.
console.log(array) //['d']

// 3) 숫자값이 하나만 들어갈 때
const array = ['a', 'b', 'c', 'd']
array.splice(1) //해당 인덱스 1부터 마지막 요소까지 모두 제거한다.
console.log(array) //['a']

 

배열에서 요소 제거 후 다른 값 넣기

// 인덱스 값, 삭제 갯수, 추가 요소 순서대로 값을 넣어주면 요소를 제거한 후 그 자리에 원하는 다른 값을 넣을 수 있다.
const array = ['a', 'b', 'c', 'd']
array.splice(1, 2, 'x', 'y') //인덱스 1인 요소를 포함해 2개 요소를 삭제한다. 그리고 원하는 다른 값 추가.
console.log(array) //['a', 'x', 'y', 'd']

const array = ['a', 'b', 'c', 'd']
array.splice(1, 2, 'x') //인덱스 1인 요소를 포함해 2개 요소를 삭제 후 x 요소 추가.
console.log(array) //['a', 'x', 'd']

https://fromnowwon.tistory.com/entry/splice

[Javascript] splice 기능 - 배열에서 원하는 요소 제거, 추가