[JavaScript] 배열 중간에 요소 추가하기 (splice)

splice 메서드는 배열 요소를 변경하는데 사용됩니다. 존재하는 요소를 제거하거나 요소를 추가할 수 있습니다.

특히, 원하는 위치에 배열의 요소를 추가하고 싶다면, splice() 메서드를 사용해야합니다.

 

splice() 메서드의 형태는 아래와 같습니다.

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

start: 기준이 되는 배열의 index를 지정합니다.

deleteCount: start index부터 몇 개의 요소를 제거할지 지정합니다.

item.. : 삽입할 요소를 지정합니다.

 

그럼 실제로 어떻게 실행하는지 확인해보겠습니다. 간단하게 JSFiddle을 이용하여 구현해보았습니다.

 

배열의 초기 상태는 ['a', 'b']입니다.

array.splice(1, 0, 'c'); 코드를 실행한 후에는 배열이 ['a', 'c', 'b']로 바뀐 것을 확인할 수 있습니다.

index 1에 'c'라는 요소를 삽입했기 때문입니다.

 

array.splice(1, 0, 'c'); 부분을 array.splice(1, 0, 'c', 'd'); 이렇게 바꾸면 결과는 ['a', 'c', 'd', 'b']로 나올 것입니다.

이렇게 요소 하나를 삽입하는 것뿐 아니라 여러개를 삽입할 수도 있습니다.

 

 

참조:

https://www.hostingadvice.com/how-to/javascript-add-to-array/

JavaScript "Add to Array" Functions (push vs unshift vs others) - HostingAdvice.com