배열 메서드 탐방1 splice

splice

배열의 중간 요소를 삭제하거나, 값을 교체할때 사용하면 좋은 배열 메서드

문법
arr.splice(index[, deleteCount, elem1, ..., elemN])

1. 배열 중간요소 제거(인덱스도 재설정)

let arr = ["I", "study", "JavaScript"];

arr.splice(1, 1); // 인덱스 1부터 요소 한 개를 제거

alert( arr ); // ["I", "JavaScript"]

배열의 중간 요소를 삭제한다 요소의 시작 인덱스 0부터 시작한다.

2. 배열 중간요소 제거후 다른 데이터 삽입

let arr = ["I", "study", "JavaScript", "right", "now"];

// 처음(0) 세 개(3)의 요소를 지우고, 이 자리를 다른 요소로 대체합니다.
arr.splice(0, 3, "Let's", "dance");

alert( arr ) // now ["Let's", "dance", "right", "now"]

배열 중간 요소를 삭제하고 삭제한 자리에 다른 요소를 적용할 수 있음.

삭제를 1개 요소만 하더라도 그 자리에 여러개의 값을 추가로 지정 할 수 있음.

const arr = ['test1', 'test2', 'test3', 'test4', 'test5',]
arr.splice(1, 1, 'more1', 'more2', 'more3')

결과

3. 중간 요소를 삭제하지 않고 배열 중간에 값 추가하기.

let arr = ["I", "study", "JavaScript"];

// 인덱스 2부터
// 0개의 요소를 삭제합니다.
// 그 후, "complex"와 "language"를 추가합니다.
arr.splice(2, 0, "complex", "language");

alert( arr ); // "I", "study", "complex", "language", "JavaScript"

삭제 카운터를 0으로 지정하면 중간 요소를 삭제하지 않고 값만 추가하기 가능