JavaScript

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

JayLee 2020. 4. 13. 12:46
반응형

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

There are several methods for adding new elements to a JavaScript array. If you instead want to remove elements from an array in JavaScript, we’ve got an article for that too. Feel free to click the links below to jump ahead to the explanation of each meth

www.hostingadvice.com

 

 

반응형