[JavaScript-32] splice메소드로 값 추가 및 수정하기

splice메소드의 세 번째 파라미터에 특정 값을 전달해주면, 그 값은 삭제된 자리에 들어가게 됩니다. 

코드로 보시죠.

let arr = [1, 2, 3, 4, 5]

//1번 인덱스 자리 요소를 100으로 수졍
arr.splice(1, 1, 300);
console.log(arr); //[1, 300, 3, 4, 5]

//2번 인덱스 자리에 요소들 추가 - 지우는 개수를 0으로 하면 요소 추가가 됨
arr.splice(2, 0, 'hi', 'bye');
console.log(arr); //[1, 300, 'hi', 'bye', 3, 4, 5]

이해가 잘 되시죠?

핵심만 요약해드리자면,

 

splice메소드의 파라미터에서, 삭제할 요소의 개수를 의미하는 두 번째 파라미터의 값을 0으로 주면, 해당 인덱스 자리에 요소들을 끼워 넣겠다는 의미가 됩니다!

 

자, 어떠신가요?

신기하지 않나요? 요소 삭제를 위해 고안된 splice메소드의 파라미터 값들을 잘 조작하면, 배열의 요소를 인덱싱을 사용하지 않고도 

수정하거나 추가할 수 있다니!