08 [ 배열 메소드_splice() : 배열 요소를 다른 요소로 변경 (2) ]

splice() :  배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경한다.

구문

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

- start

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

- deleteCount (Optional)

: 배열에서 제거할 요소의 수

- item1, item2, ... (Optional)

: 배열에 추가할 요소. 아무 요소도 지정하지 않으면 splice()는 요소를 제거하기만 한다.

 

 

예제를 통해 알아보자.

const arr = ["apple","watermelone","banana","orange","peach"];

console.log(arr.splice(1,2));	// ['watermelone', 'banana']

//하나도 제거하지 않고 1번 인덱스에 A추가
console.log(arr.splice(1,0,"A"));	//[];
console.log(arr)	//['apple', 'A', 'watermelone', 'banana', 'orange', 'peach']

하나도 제거하지 않고 1번 인덱스에 A추가  =>  arr.splice(1,0,"A")

arr를 확인해보면 1번 인덱스에 A가 추가 되는 것을 확인할 수 있다!

 

3번째 요소를 제거해보자!

const arr = ["apple","watermelone","banana","orange","peach"];

console.log(arr.splice(3,1));	//["orange"];
console.log(arr)	// ['apple', 'watermelone', 'banana', 'peach']

3번째 요소 하나를 제거한다. =>  arr.splice(3,1)

arr를 확인해 보면 3번째 요소인 orange가 제거된 것을 확인할 수 있다!

 

 

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice