자바스크립트에서 배열의 처음에 새로운 배열 요소를 추가하는 방법은 무엇인가요?

나는 배열의 시작 부분에 요소를 추가하거나 전위(prepend)해야하는 필요가 있습니다.

예를 들어, 내 배열이 아래와 같으면:

[23, 45, 12, 67]

그리고 내 AJAX 호출의 응답은 34이며, 나는 업데이트된 배열이 다음과 같기를 원합니다.

[34, 23, 45, 12, 67]

현재 나는 이렇게 계획하고 있습니다.

var newArray = [];

newArray.push(response);

for (var i = 0; i < theArray.length; i++) {

newArray.push(theArray[i]);

}

theArray = newArray;

delete newArray;

이것을 더 잘하는 방법이 있나요? JavaScript에는 이를 수행하는 내장 기능이 있나요?

내 방법의 복잡성은 O(n) 이며 더 나은 구현을 보는 것이 흥미 롭습니다.

답변 1

unshift를 사용하세요. 이것은 끝이 아닌 배열의 시작부분에 원소를 추가하는 push과 비슷합니다.

배열의 시작 또는 끝에 요소를 추가합니다.

shift / pop - 배열의 첫 번째 / 마지막 요소를 제거하고 반환합니다.

간단한 다이어그램...

unshift -> [array] <- push

shift <- [array] -> pop

그리고 차트:

add remove start end

push X X

pop X X

unshift X X

shift X X

MDN Array documentation를 확인해보세요. 배열에서 요소를 push / pop 할 수 있는 거의 모든 언어는 unshift / shift (때로는 push_front / pop_front) 요소를 이동 할 수있는 능력도 갖게됩니다. 이러한 기능을 직접 구현 할 필요는 없습니다.

댓글에서 지적한 대로 원래 배열을 수정하지 않으려면 두 개 이상의 배열을 연결하는 # $ # $ $ ! ^ * $ &를 사용할 수 있습니다. 이를 사용하여 기존 배열의 앞 또는 뒤에 단일 요소를 함수적으로 추가할 수 있습니다. 이를 위해 새 요소를 단일 요소 배열로 변환해야 합니다.

const array = [3, 2, 1]

const newFirstElement = 4

const newArray = [newFirstElement].concat(array) // [ 4, 3, 2, 1 ]

console.log(newArray);

concat는 항목들도 추가할 수 있습니다. concat에 대한 인수는 모든 종류일 수 있습니다. 인수가 배열이 아닌 경우 암시적으로 단일 요소 배열로 래핑됩니다.

const array = [3, 2, 1]

const newLastElement = 0

// Both of these lines are equivalent:

const newArray1 = array.concat(newLastElement) // [ 3, 2, 1, 0 ]

const newArray2 = array.concat([newLastElement]) // [ 3, 2, 1, 0 ]

console.log(newArray1);

console.log(newArray2);

답변 2

JavaScript에서 배열 (array) 요소를 어떻게 배열의 시작 부분에 추가할 수 있는지에 대해 알아보겠습니다. JavaScript는 개발자가 배열 요소를 추가하고 조작하는 데 효과적인 방법을 제공합니다.

JavaScript에서 배열을 선언하고 초기화하는 방법은 다음과 같습니다.

```javascript

var fruits = [apple, banana, orange];

```

배열에 새로운 요소를 추가할 때, push() 메서드를 사용하여 배열의 끝 부분에 새로운 요소를 추가할 수 있습니다.

```javascript

fruits.push(pear); // [apple, banana, orange, pear]

```

하지만 우리는 배열의 맨 앞 부분에 새로운 요소를 추가하고 싶을 때가 있습니다. unshift() 메서드를 사용하면 배열의 첫 번째 요소 앞에 새로운 요소를 추가할 수 있습니다.

```javascript

fruits.unshift(grape); // [grape, apple, banana, orange, pear]

```

위의 코드는 grape라는 새로운 요소를 fruits 배열의 맨 앞 부분에 추가합니다. fruits 배열은 이제 [grape, apple, banana, orange, pear]와 같이 됩니다.

추가로, unshift() 메서드는 한 번에 하나 이상의 요소를 배열의 첫 번째 요소 앞에 추가할 수 있습니다. 다음과 같이 작성할 수 있습니다.

```javascript

fruits.unshift(cherry, lemon); // [cherry, lemon, grape, apple, banana, orange, pear]

```

위와 같이 작성하면, fruits 배열의 맨 앞 부분에 cherry와 lemon 이라는 새로운 요소를 추가할 수 있습니다.

마지막으로, 배열의 맨 앞 부분에 새로운 요소를 추가하는 것은 배열의 길이가 N인 경우 O(N)의 복잡도를 가집니다. 이는 배열의 길이가 길다면 성능에 영향을 미칠 수 있다는 것을 의미합니다. 따라서 많은 요소를 추가하거나 배열의 길이가 매우 긴 경우에는 다른 자료 구조를 고려해야 합니다.

이것은 JavaScript에서 배열의 맨 앞 부분에 새로운 요소를 추가하는 방법입니다. 이 방법은 매우 유용하며 JavaScript 개발자에게 매우 중요한 개념입니다.