[Javascript] 배열 Array API - splice()

자바스크립트 배열 Array API - splice()

 

array.splice(시작 인덱스, 제거할 요소의 수, 추가할 요소);

 

[개념 이해]

 

array.splice(시작 인덱스, 제거할 요소의 수, 추가할 요소) : 배열의 기존 요소를 삭제 하거나 추가

 

샘플 예제 ↓

 

[javascript]

 

//Array.splice()
const spliceArr = [1,2,3,4,5];

//요소 추가 없이 0번째 부터 2개의 요소 삭제
const spliceResult = spliceArr.splice(0,2);

console.log('-----splice : 요소 삭제-----');
console.log('splice 삭제 배열 : ' + spliceResult);
console.log('splice 원본 배열 : ' + spliceArr);

const spliceArr2 = ['a','b','d','e'];

//요소 삭제 없이 2번째 요소 뒤에 요수 추가
const spliceResult2 = spliceArr2.splice(2,0,'c');
console.log('-----splice : 요소 추가-----');
console.log('splice 삭제 배열 : ' + spliceResult2);
console.log('splice 원본 배열 : ' + spliceArr2);

const spliceArr3 = ['a','b','b','d','e'];

//요소 삭제 및 2번째 요소 뒤에 요소 추가
const spliceResult3 = spliceArr3.splice(2,1,'c');
console.log('-----splice : 요소 삭제 & 추가-----');
console.log('splice 삭제 배열 : ' + spliceResult3);
console.log('splice 원본 배열 : ' + spliceArr3);

 

[결과 출력]

 

-----splice : 요소 삭제-----
splice 삭제 배열 : 1,2
splice 원본 배열 : 3,4,5
-----splice : 요소 추가-----
splice 삭제 배열 : 
splice 원본 배열 : a,b,c,d,e
-----splice : 요소 삭제 & 추가-----
splice 삭제 배열 : b
splice 원본 배열 : a,b,c,d,e