Objekt zu Array in JavaScript hinzufügen

1. Hinzufügen von Elementen und Objekten zu einem Array mithilfe des Zuweisungsoperators in JavaScript
2. Hinzufügen von Elementen und Objekten zu einem Array mit der Funktion push() in JavaScript

Dieses Tutorial behandelt das Hinzufügen von Elementen und Objekten zu einem Array mithilfe des Zuweisungsoperators und der Funktion push() in JavaScript.

Hinzufügen von Elementen und Objekten zu einem Array mithilfe des Zuweisungsoperators in JavaScript

Um einem Array Elemente und Objekte hinzuzufügen, können Sie den Zuweisungsoperator in JavaScript verwenden. Sie müssen den Index verwenden, um die Position innerhalb des Arrays zu definieren, an der Sie das Element oder Objekt platzieren möchten. Wenn ein vorhandener Artikel bereits den definierten Index belegt, wird der Artikel durch den neuen Artikel oder das neue Objekt ersetzt. Lassen Sie uns beispielsweise ein Array mit drei Werten erstellen und am Ende des Arrays mithilfe des Zuweisungsoperators ein Element hinzufügen. Siehe den Code unten.

var myArray = ['one', 'two', 'three'];
myArray[3] = 'four';
console.log(myArray)

Ausgabe:

["one", "two", "three", "four"]

Im obigen Code haben wir den Punkt four am Index 3 von myArray hinzugefügt. Sie können die im Array vorhandenen Elemente auch durch ihren Index ersetzen. Jetzt fügen wir einem Array ein Objekt hinzu. Siehe den Code unten.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray[3] = myArray2;
console.log(myArray)

Ausgabe:

 ["one", "two", "three", Array(2)]

Im obigen Code haben wir ein Array-Objekt myArray2 zu einem Array myArray bei Index 3 hinzugefügt. Sie können einem Array mit dem Zuweisungsoperator Objekte jedes beliebigen Datentyps hinzufügen.

Hinzufügen von Elementen und Objekten zu einem Array mit der Funktion push() in JavaScript

Um Elemente und Objekte zu einem Array hinzuzufügen, können Sie die Funktion push() in JavaScript verwenden. Die Funktion push() fügt ein Item oder Objekt am Ende eines Arrays hinzu. Lassen Sie uns zum Beispiel ein Array mit drei Werten erstellen und mit der Funktion push() am Ende des Arrays ein Element hinzufügen. Siehe den Code unten.

var myArray = ['one', 'two', 'three'];
myArray.push('four');
console.log(myArray)

Ausgabe:

["one", "two", "three", "four"]

Im obigen Code haben wir den Punkt four am Ende von myArray hinzugefügt. Fügen wir nun mit der Funktion push() ein Objekt zu einem Array hinzu. Siehe den Code unten.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray.push(myArray2);
console.log(myArray)

Ausgabe:

 ["one", "two", "three", Array(2)]

Im obigen Code haben wir am Ende ein Array-Objekt myArray2 zu einem Array myArray hinzugefügt. Mit der Funktion push() können Sie Objekte beliebigen Datentyps zu einem Array hinzufügen. Sie können einem Array auch mehrere Werte hinzufügen, indem Sie diese in der Funktion push() durch ein Komma getrennt hinzufügen. Um die Elemente oder Objekte am Anfang des Arrays hinzuzufügen, können wir die Funktion unshift() verwenden. Fügen wir zum Beispiel das Element vier am Anfang des Arrays myArray hinzu. Siehe den Code unten.

var myArray = ['one', 'two', 'three'];
myArray.unshift('four');
console.log(myArray)

Ausgabe:

["four", "one", "two", "three"]

Wie Sie in der Ausgabe sehen können, wird das Element vier am Anfang des Arrays hinzugefügt. Anstatt ein Array-Objekt hinzuzufügen, können Sie alle seine Elemente mit der Funktion push.apply() hinzufügen. Lassen Sie uns beispielsweise die Elemente, die in einem Array vorhanden sind, dem anderen Array hinzufügen. Siehe den Code unten.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray.push.apply(myArray, myArray2);
console.log(myArray)

Ausgabe:

["one", "two", "three", "four", "five"]

Wie Sie in der Ausgabe sehen können, wurden die beiden in myArray2 vorhandenen Elemente zum myArray hinzugefügt. Sie können mit der Funktion concat() auch zwei Arrays zu einem weiteren Array verketten. Lassen Sie uns zum Beispiel ein Array erstellen, indem wir zwei vorhandene Arrays mit der Funktion concat() verketten. Siehe den Code unten.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five'];
var myArray3 = myArray.concat(myArray2);;
console.log(myArray3)

Ausgabe:

["four", "five", "one", "two", "three"]

Sie können die Reihenfolge der in myArray3 vorhandenen Elemente ändern, indem Sie die Reihenfolge der Verkettung ändern.