JavaScriptで配列の先頭に新しい配列要素を追加するにはどうすればよいですか？

配列の先頭に要素を追加または追加する必要があります。

たとえば、私の配列が次のようになっている場合：

[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)より良い実装を見るのは本当に興味深いでしょう。

を使用しunshiftます。push要素を配列の最後ではなく最初に追加することを除けば、に似ています。

• 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アレイのドキュメントを確認してください。配列から要素をプッシュ/ポップする機能を持つ事実上すべての言語には、要素をシフト解除/シフト（時々push_front/ と呼ばれるpop_front）する機能もあります。これらを自分で実装する必要はありません。

コメントで指摘したように、元の配列の変更を避けたい場合はconcat、2つ以上の配列を連結するを使用できます。これを使用して、既存の配列の前面または背面に単一の要素を機能的にプッシュできます。そのためには、新しい要素を単一の要素配列に変換する必要があります。

const array = [ 3, 2, 1 ]

const newFirstElement = 4

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

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 ]

ES6では、spread演算子を使用します...。

デモ

var arr = [23, 45, 12, 67];
arr = [34, ...arr]; // RESULT : [34,23, 45, 12, 67]

console.log(arr)

それを行う別の方法 concat

var arr = [1, 2, 3, 4, 5, 6, 7];
console.log([0].concat(arr));

違いconcatとはunshiftつまりconcat、新しい配列を返します。それらの間のパフォーマンスはここで見つけることができます。

function fn_unshift() {
  arr.unshift(0);
  return arr;
}

function fn_concat_init() {
  return [0].concat(arr)
}

テスト結果はこちら

クイックチートシート：

シフト/アンシフトおよびプッシュ/ポップという用語は、少なくともCでのプログラミングに慣れていない人にとっては、少しわかりにくいかもしれません。

専門用語に慣れていない場合は、代替用語の簡単な翻訳を以下に示します。覚えやすいでしょう。

* array_unshift()  -  (aka Prepend ;; InsertBefore ;; InsertAtBegin )     
* array_shift()    -  (aka UnPrepend ;; RemoveBefore  ;; RemoveFromBegin )

* array_push()     -  (aka Append ;; InsertAfter   ;; InsertAtEnd )     
* array_pop()      -  (aka UnAppend ;; RemoveAfter   ;; RemoveFromEnd ) 

あなたは配列を持っています： var arr = [23, 45, 12, 67];

最初にアイテムを追加するには、次のように使用しますsplice。

var arr = [23, 45, 12, 67];
arr.splice(0, 0, 34)
console.log(arr);

Mutateなし

実際には、すべてのunshift/ pushとshift/ pop 変異する起源配列を。

unshift/ push開始/終了から存在していた配列に項目を追加して、shift/ pop配列の先頭/末尾から項目を削除します。

ただし、変更なしで配列に項目を追加する方法はいくつかあります。結果は新しい配列です。配列の最後に追加するには、以下のコードを使用します。

const originArray = ['one', 'two', 'three'];
const newItem = 4;

const newArray = originArray.concat(newItem); // ES5
const newArray2 = [...originArray, newItem]; // ES6+

元の配列の先頭に追加するには、以下のコードを使用します。

const originArray = ['one', 'two', 'three'];
const newItem = 0;

const newArray = (originArray.slice().reverse().concat(newItem)).reverse(); // ES5
const newArray2 = [newItem, ...originArray]; // ES6+

上記の方法で、変異なしで配列の最初/最後に追加します。

ES6の構造化解除を使用する：（元のアレイからの変異を避ける）

const newArr = [item, ...oldArr]

配列の先頭に要素を継続的に挿入する必要がある場合は、常にpush呼び出すのでreverseはなく、ステートメントを使用してからを呼び出す方が高速unshiftです。

ベンチマークテスト： http : //jsben.ch/kLIYf

を使用spliceして、最初に配列に要素を挿入します。

arrName.splice( 0, 0, 'newName1' );