[JS] 배열 요소 삭제 및 추가하기 (splice)

1. splice를 이용한 배열 요소 삭제

• arr.splice(i, j)
  => arr의 i번 인덱스부터 j개의 요소를 잘라냄

예시1)

let arr1 = ['a', 'b', 'c', 'd', 'e'];

let newArr1 = arr1.splice(1, 3);
// => arr1의 1번 인덱스부터 3개의 요소를 잘라내서 newArr1에 저장


결과 :

console.log(arr1)  => ['a', 'e'];
console.log(newArr1)  => ['b', 'c', 'd']

예시2)

let arr2 = ['a', 'b', 'c', 'd', 'e'];

let newArr2 = arr2.splice(2, 1);
// => arr2의 2번 인덱스부터 1개의 요소를 잘라내서 newArr2에 저장


결과 :

console.log(arr2)  => ['a', 'b', 'd', 'e'];
console.log(newArr2)  => ['c']

*splice를 이용한 배열 요소 삭제 시 원본 배열이 변경된다는 것에 주의하자.

2. splice를 이용한 배열 요소 추가

• arr.splice(i, j, n)
  => arr의 i번 인덱스부터 j개의 요소를 잘라내고, i번 인덱스에 n을 넣는다.

예시1)

let arr1 = ['a', 'b', 'c', 'd', 'e'];

let newArr1 = arr1.splice(1, 0, 'f');
// => arr1의 1번 인덱스부터 0개의 요소를 잘라내고, 1번 인덱스에 'f'를 넣는다.


// 결과 :

console.log(arr1)  => ['a', 'f', 'b', 'c', 'd', 'e'];
console.log(newArr1)  => [];

예시2)

let arr2 = ['a', 'b', 'c', 'd', 'e'];

let newArr2 = arr2.splice(2, 1, 'f');
// => arr1의 2번 인덱스부터 1개의 요소를 잘라내고, 2번 인덱스에 'f'를 넣는다.


// 결과 :

console.log(arr2)  => ['a', 'b', 'f', 'd', 'e']
console.log(newArr2)  => ['c'];

*splice를 이용해 배열 요소를 추가한 경우, 이는 원본 배열에 추가됨을 기억하자.

*splice는 인덱스+개수를 기반으로 동작함을 기억하자.