Wie kann ich neue Array-Elemente am Anfang eines Arrays in Javascript hinzufügen?

Ich muss Elemente am Anfang eines Arrays hinzufügen oder voranstellen.

Zum Beispiel, wenn mein Array wie folgt aussieht:

[23, 45, 12, 67]

Die Antwort von meinem AJAX-Aufruf lautet 34: Ich möchte, dass das aktualisierte Array wie folgt aussieht:

[34, 23, 45, 12, 67]

Derzeit plane ich es so zu machen:

var newArray = [];
newArray.push(response);

for (var i = 0; i < theArray.length; i++) {
    newArray.push(theArray[i]);
}

theArray = newArray;
delete newArray;

Gibt es einen besseren Weg, dies zu tun? Verfügt Javascript über eine integrierte Funktionalität, die dies ermöglicht?

Die Komplexität meiner Methode ist O(n)und es wäre wirklich interessant, bessere Implementierungen zu sehen.

Verwenden Sie unshift. Es ist wie push, außer dass Elemente am Anfang des Arrays anstelle des Endes hinzugefügt werden.

• unshift/ push- Füge ein Element am Anfang / Ende eines Arrays hinzu
• shift/ pop - entferne das erste / letzte Element eines Arrays und gib es zurück

Ein einfaches Diagramm ...

   unshift -> array <- push
   shift   <- array -> pop

und Diagramm:

          add  remove  start  end
   push    X                   X
    pop           X            X
unshift    X             X
  shift           X      X

Lesen Sie die Dokumentation zum MDN-Array . Praktisch jede Sprache, die Elemente aus einem Array pushen / entfernen kann , kann auch Elemente verschieben / verschieben (manchmal als push_front/ bezeichnet pop_front). Sie sollten diese niemals selbst implementieren müssen.

Wie in den Kommentaren erwähnt, können Sie verwenden, wenn Sie vermeiden möchten, dass Ihr ursprüngliches Array mutiert concat, wodurch zwei oder mehr Arrays miteinander verknüpft werden. Sie können dies verwenden, um ein einzelnes Element funktional auf die Vorder- oder Rückseite eines vorhandenen Arrays zu verschieben. Dazu müssen Sie das neue Element in ein einzelnes Elementarray umwandeln:

const array = [ 3, 2, 1 ]

const newFirstElement = 4

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

concatkann auch Elemente anhängen. Die Argumente für concatkönnen von beliebigem Typ sein. Sie werden implizit in ein Einzelelement-Array eingeschlossen, sofern sie noch kein Array sind:

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 ]

Verwenden Sie mit ES6 den Spread-Operator ...:

DEMO

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

console.log(arr)

Ein anderer Weg, dies zu tun concat

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

Der Unterschied zwischen concatund unshiftbesteht darin, dass concatein neues Array zurückgegeben wird. Die Leistung zwischen ihnen kann hier gefunden werden .

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

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

Hier ist das Testergebnis

Schneller Spickzettel:

Die Begriffe Shift / Unshift und Push / Pop können etwas verwirrend sein, zumindest für Leute, die mit der Programmierung in C möglicherweise nicht vertraut sind.

Wenn Sie mit dem Jargon nicht vertraut sind, finden Sie hier eine kurze Übersetzung alternativer Begriffe, die möglicherweise leichter zu merken sind:

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

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

Sie haben ein Array: var arr = [23, 45, 12, 67];

Um ein Element am Anfang hinzuzufügen, möchten Sie Folgendes verwenden splice:

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

Ohne zu mutieren

Tatsächlich mutieren alle unshift/ pushund shift/ das Ursprungsarray.pop

Das unshift/ pushHinzufügen eines Elements zum vorhandenen Array von Anfang / Ende und shift/ popEntfernen eines Elements vom Anfang / Ende eines Arrays.

Es gibt jedoch nur wenige Möglichkeiten, einem Array Elemente ohne Mutation hinzuzufügen. Das Ergebnis ist ein neues Array, das am Ende des Arrays den folgenden Code enthält:

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

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

Verwenden Sie den folgenden Code, um den Anfang des ursprünglichen Arrays hinzuzufügen:

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

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

Mit der obigen Methode fügen Sie den Anfang / das Ende eines Arrays ohne Mutation hinzu.

Verwendung der ES6-Destrukturierung: (Vermeidung von Mutationen aus dem ursprünglichen Array)

const newArr = [item, ...oldArr]

Wenn Sie kontinuierlich ein Element am Anfang eines Arrays einfügen müssen, ist es schneller, pushAnweisungen zu verwenden , denen ein Aufruf von folgt reverse, anstatt unshiftständig aufzurufen .

Benchmark-Test: http://jsben.ch/kLIYf

Mit splicefügen wir am Anfang ein Element in ein Array ein:

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