[Javascript] - 자바스크립트 Array.prototype.splice 사용법

#자바스크립트 Array.prototype.splice 사용법

 

 

-원본 배열의 중간에 요소를 추가하거나 중간에 있는 요소를 제거하는 경우 splice 메서드를 사용한다.

 

#인수

-start: 원본 배열의 요소를 제거하기 시작할 인덱스

-deleteCount: start인덱스부터 제거할 요소의 개수

-items: 제거한 위치에 삽일할 요소(생략시 요소들을 제거하기만 한다.)

 

-예시

const arr = [1, 2, 3, 4, 5];

// 1번인덱스(2)부터 3번인덱스(4)까지의 값을 22, 33, 44로 변환
const result = arr.splice(1, 3, 22, 33, 44);

// 제거한 요소
console.log(result); // [2, 3, 4]

// 변경된 원본 배열
console.log(arr); // [1, 22, 33, 44, 5]

 

 

#두번쨰 인수 deleteCount에 0을 지정하면 아무런 요소도 제거하지 않고 새로운 요소들을 삽입한다.

 

-예시

const arr = [1, 2, 3, 4, 5];

const result = arr.splice(1, 0, 100);

// 제거한 요소 x
console.log(result); // []

// 인덱스 1의 위치에 새로운 요소가 삽입
console.log(arr); // [1, 100, 2, 3, 4, 5]

 

 

#세번째 인수 items에 추가할 요소들을 지정하지 않으면 원본 배열에서 지정된 요소를 제거하기만 한다.

 

-예시

const arr = [1, 2, 3, 4, 5];

// 1번인덱스(2)부터 2번인덱스(3)까지 제거
const result = arr.splice(1, 2);

console.log(result); // [2, 3]

// 세번째 인자(추가 요소 지정)이 없기 때문에 제거만 되었다.
console.log(arr); // [1, 4, 5]