Mehrere Elemente in ein Array einfügen

Question

Ich versuche, mehrere Elemente als ein Array zu schieben, bekomme aber einen Fehler:

> a = []
[]
> a.push.apply(null, [1,2])
TypeError: Array.prototype.push called on null or undefined

Ich versuche, ähnliche Dinge zu tun, wie ich es in Ruby tun würde, ich dachte, dass apply so etwas wie * ist.

>> a = []
=> []
>> a.push(*[1,2])
=> [1, 2]

Answer 1

Sie können mehrere Elemente auf folgende Weise in ein Array einfügen

var a = [];

a.push(1, 2, 3);

console.log(a);

Answer 2

Jetzt in ECMAScript2015 (auch bekannt als ES6) können Sie den Spread-Operator verwenden, um mehrere Elemente auf einmal anzufügen:

var arr = [1];
var newItems = [2, 3];
arr.push(...newItems);
console.log(arr);

Siehe Kangax's ES6 compatibility Tabelle, um zu sehen, welche Browser kompatibel sind

Answer 3

Bei der Verwendung der meisten Funktionen von Objekten mit apply oder call muss der Kontext-Parameter das Objekt sein, an dem gearbeitet wird.

In diesem Fall benötigen Sie a.push.apply(a, [1,2]) (oder korrekter Array.prototype.push.apply(a, [1,2]))

Answer 4

Als Alternative können Sie Array.concat verwenden:

var result = a.concat(b);

Dies würde ein neues Array erstellen und zurückgeben, anstatt Elemente zum selben Array hinzuzufügen. Es kann nützlich sein, wenn Sie das Ursprungsarray nicht ändern möchten, sondern eine oberflächliche Kopie davon erstellen möchten.

Answer 5

Wenn Sie mehrere Elemente hinzufügen möchten, können Sie Array.push() zusammen mit dem Spread-Operator verwenden:

a = [1,2]
b = [3,4,5,6]
a.push(...b)

Das Ergebnis wird sein

a === [1,2,3,4,5,6]