[JavaScript] splice() 함수

📝 알고리즘 문제를 풀다가 splice() 함수를 제대로 알지 못해 다시 MDN를 검색하는 나의 모습을 보고 블로그에 정리해두며 복습하고자 한다

🔎 splice()란

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

array.splice(start, deleteCount, plusitem);

🔎 splice() 연습해보기

const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
//['Jan', 'Feb', 'March', 'April', 'June'];

✔️ 하나도 제거하지 않고, 2번 인덱스에 "drum"과 "guitar" 추가

let myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
let removed = myFish.splice(2,0,'drum','guitar');
//["angel", "clown", "drum", "guitar", "mandarin", "sturgeon"]

✔️ 3번 인덱스에서 한 개 요소 제거

let myFish = ['angel', 'clown', 'drum', 'mandarin', 'sturgeon'];
let removed = myFish.splice(3,1);
//["angel", "clown", "drum", "sturgeon"]

✔️ 2번 인덱스에서 한 개 요소 제거하고 "trumpet" 추가

let myFish = ['angel', 'clown', 'drum', 'sturgeon'];
let removed = myFish.splice(2,1,'trumpet');
//["angel", "clown", "trumpet", "sturgeon"]

✔️ 0번 인덱스에서 두 개 요소 제거하고 "parrot", "anemone", "blue" 추가

let myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
let removed = myFish.splice(0,2,'parrot', 'anemone', 'blue');
//["parrot", "anemone", "blue", "trumpet", "sturgeon"]

✔️ 2번 인덱스에서 두 개 요소 제거

let myFish = ['parrot', 'anemone', 'blue', 'trumpet', 'sturgeon'];
let removed = myFish.splice(2,2);
//["parrot", "anemone", "sturgeon"]

✔️ -2번 인덱스에서 한 개 요소 제거

let myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
let removed = myFish.splice(-2,1);
//["angel", "clown", "sturgeon"]

✔️ 2번 인덱스를 포함해서 이후의 모든 요소 제거

let myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
let removed = myFish.splice(2);
//["angel", "clown"]