특정 인덱스에 항목을 배열에 삽입하는 방법은 어떻게 될까요?

저는 다음과 같은 스타일의 JavaScript 배열 삽입 메소드를 찾고 있습니다:

arr.insert(index, item)

가능하면 jQuery를 선호하지만, 이 시점에서는 모든 JavaScript 구현이 될 것입니다.

답변 1

네이티브 배열 객체에 splice 함수를 사용하고 싶습니다.

arr.splice(index, 0, item);은 index에 item을 arr에 삽입합니다 (처음에 0개의 항목을 삭제하므로 단순히 삽입만 수행됩니다).

이 예제에서는 배열을 생성하고 요소를 인덱스 2에 추가합니다:

var arr = [];
arr[0] = Jani;
arr[1] = Hege;
arr[2] = Stale;
arr[3] = Kai Jim;
arr[4] = Borge;
console.log(arr.join()); // Jani,Hege,Stale,Kai Jim,Borge
arr.splice(2, 0, Lene);
console.log(arr.join()); // Jani,Hege,Lene,Stale,Kai Jim,Borge

답변 2

배열에 특정 인덱스에 항목을 삽입하는 방법에 대해 적어보겠습니다. 배열은 데이터를 저장하기 위한 자료구조로, 여러 개의 항목을 순차적으로 관리할 수 있습니다. 이때, 특정한 인덱스에 항목을 삽입하고 싶다면 다음과 같은 방법을 사용할 수 있습니다.
우선, 배열의 특정 인덱스에 항목을 삽입하기 위해서는 해당 인덱스에 삽입하고자 하는 항목 이후의 모든 항목을 한 칸씩 뒤로 이동시켜야 합니다. 이동된 항목들에 대해서는 인덱스가 1씩 증가하게 됩니다. 이후 삽입하고자 하는 항목을 원하는 인덱스에 할당하면 됩니다.
다음은 배열에 항목을 삽입하는 과정을 자세히 설명한 예시입니다.
1. 배열을 선언합니다. 예를 들어, int형 배열의 경우 다음과 같이 선언할 수 있습니다.
int[] numbers = new int[5];
2. 삽입하고자 하는 항목을 변수에 저장합니다. 예를 들어, 삽입하고자 하는 숫자가 10이라면 다음과 같이 변수에 할당할 수 있습니다.
int newNumber = 10;
3. 삽입하고자 하는 인덱스를 결정합니다. 예를 들어, 2번 인덱스에 삽입하고 싶다면 2라는 값을 사용합니다.
4. 인덱스 이후의 항목들을 한 칸씩 뒤로 이동시킵니다. 반복문을 사용하여 배열의 마지막 항목부터 시작하여 삽입할 인덱스까지 한 칸씩 뒤로 이동시키면 됩니다. 다음은 이 과정을 나타낸 예시 코드입니다.
for (int i = numbers.length - 1; i > 2; i--) {
numbers[i] = numbers[i - 1];
}
5. 삽입하고자 하는 항목을 원하는 인덱스에 할당합니다. 다음은 이 과정을 나타낸 예시 코드입니다.
numbers[2] = newNumber;
6. 배열에 항목이 정상적으로 삽입되었습니다.
배열에 특정 인덱스에 항목을 삽입하는 방법을 알아보았습니다. 특정 인덱스에 항목을 삽입하는 경우, 해당 인덱스 이후의 항목들이 한 칸씩 뒤로 이동되어야 하므로 반복문을 사용하여 이동시킬 수 있습니다. 이를 통해 배열의 원하는 위치에 항목을 삽입할 수 있습니다.