Javascript의 특정 인덱스에서 배열에 항목 삽입

Arrays are common data structures found in Javascript 일반적으로 다음과 같이 표시됩니다.

let myArray = [ 'some', 'data', 'here' ]

그것들은 다른 언어에서 발견되는 배열과 매우 유사하게 작동하며 상대적으로 정의하기 쉽습니다. 위의 배열에는 myArray 라고 하는 편리한 배열 내에 저장한 세 가지 항목으로 구성된 배열이 있습니다.

하지만 때로는 배열의 특정 지점에 새 항목을 삽입하려고 합니다. 예를 들어 new 뒤에 some라는 단어를 삽입하고 싶을 수 있습니다. 이것은 특정 인덱스에 있는 항목에 항목을 삽입하는 것으로 알려져 있으며 오늘은 Javascript에서 이를 수행하는 방법을 살펴보겠습니다.

특정 인덱스에서 배열에 항목 삽입

Javascript에서 이것은 수행하기 매우 쉬운 작업으로 밝혀졌습니다. 우리는 splice 메서드를 사용합니다. 이 메서드는 3개의 인수를 받는 간단한 함수로 항목을 삭제할 수도 있습니다. Splice는 배열에서 항목을 삭제하려는 경우 2개의 인수를 허용하고 항목을 추가하려는 경우 3개 이상을 허용합니다.

splice(startIndex, deleteCount, newItem1, newItem2, newItem3...)

첫 번째 옵션만 필수이며 나머지는 선택 사항입니다. 따라서 splice는 다음 형식을 취할 수 있습니다.

let myArray = [ 'some', 'data', 'here' ]

myArray.splice(0); // does nothing
myArray.splice(0, 2); // Deletes two items, starting at index 0. So 'some' and 'data' are deleted
myArray.splice(1, 0, 'new'); // Deletes zero items. Adds 'new' at index 1. 
myArray.splice(2, 0, 'is', 'cool') // Deletes zero items. Adds 'is', and 'cool' at index 2.

보시다시피 이 방법을 사용하여 배열에 무한한 수의 새 항목을 추가할 수 있습니다. 배열을 조작하므로 이 함수에 의해 원래 배열이 변경됩니다. splice 를 사용하여 항목을 삭제할 필요는 없지만 원하는 경우 삭제할 수 있습니다. 삭제 횟수를 0으로 두거나 비워두면 배열에서 항목이 삭제되지 않음을 의미합니다. 세 번째 인수(또는 세 번째 인수 뒤의 인수)에 삽입된 모든 데이터는 배열의 지정된 인덱스에 추가됩니다.

다음은 인덱스2의 배열에 '브로콜리'를 삽입하는 또 다른 예입니다.

let arr1 = [ 'potato', 'banana', 'ravioli', 'carrot' ];

// Inserts broccoli at position 2, after deleting 0 items
arr1.splice(2, 0, 'broccoli');

// Returns [ 'potato', 'banana', 'ravioli', 'brccoli', 'carrot' ]
console.log(arr1);