분류 javascript

JavaScript에서 특정 인덱스의 배열에 항목을 추가하는 방법

컨텐츠 정보

  • 조회 157 (작성일 )

본문

JavaScript의 특정 인덱스에서 배열에 항목을 추가하는 방법 알아보기.


배열에 항목을 추가하려고 하지만 배열의 끝에 항목을 추가하고 싶지 않다고 가정합니다. 배열의 특정 위치에 명시적으로 추가하려고 합니다.


그 장소를 색인(index)이라고 합니다.


배열 인덱스는 0부터 시작하므로 먼저 항목을 추가하려면 인덱스 0을 사용하고 두 번째에는 인덱스가 1 등을 사용합니다. 


이 작업을 수행하려면 배열의 splice() 메서드를 사용합니다. 이 기능은 매우 강력하며 지금 사용하는 것 외에도 배열에서 항목을 삭제할 수 있습니다. 따라서 신중하게 진행하십시오.


splice()는 3 개 이상의 인수를 사용합니다. 첫 번째는 시작 색인입니다. 변경을 시작할 장소입니다. 두 번째는 삭제 카운트 매개 변수입니다. 배열에 추가하고 있으므로 모든 예에서 삭제 횟수는 0입니다. 그런 다음 배열에 추가 할 하나 이상의 항목을 추가 할 수 있습니다.


다음은 예입니다.


const colors = ['yellow', 'red']


다음을 사용하여 노란색 후에 항목을 추가 할 수 있습니다.


colors.splice(1, 0, 'blue')
//colors === ['yellow', 'blue', 'red']


다음을 사용하여 노란색 후에 여러 항목을 추가 할 수 있습니다.


colors.splice(1, 0, 'blue', 'orange')
//colors === ['yellow', 'blue', 'orange', 'red']


참고 : 결과는 색상이 여전히 ''노란색 ','빨간색 '으로 가정합니다. 


첫 번째 위치에 추가하려면 첫 번째 인수로 0을 사용하십시오.


colors.splice(0, 0, 'blue')
//colors === ['blue', 'yellow', 'red']