So fügen Sie ein Objekt zum Array in JavaScript hinzu

Da JavaScript -Arrays automatisch die Größe der Größe beim Hinzufügen von Elementen zu ihnen haben, müssen Sie sich keine Sorgen machen, dass sie voll sind. Die Indexierung kann verwendet werden, um problemlos auf alle in einem Array vorhandenen Elemente zugreifen zu können. JavaScript bietet mehrere integrierte Methoden, die ideal zum Hinzufügen von Elementen zu Arrays sind. In dieser detaillierten Anleitung werden wir die Methoden durchlaufen, mit denen Objekte in JavaScript Objekte hinzugefügt werden können.

So fügen Sie ein Objekt zum Array in JavaScript hinzu

Der einfachste Weg, wie ein Objekt oder ein anderes Elementtyp zu einem JavaScript -Array hinzugefügt werden kann, ist die Indexierung. Sie können das Objekt einfach einem Index des Arrays zuweisen. Wenn dort bereits ein Element vorhanden ist, wird es durch das neue Objekt ersetzt:

lass obj = "name": "John doe", "id": 3;
sei arr = ["name": "Richard roe", "id": 1, "name": "John Smith", "id": 2];
arr [2] = obj;
Konsole.log (arr);

Diese Methode ist recht einfach, aber es ist schwierig, die Indizes und die Größe der Arrays zu kennen, daher müssen wir nach anderen Methoden suchen, mit denen Objekte zu Arrays hinzugefügt werden können. Die bekanntesten, bequemsten und einfach zu verwendenden Methoden sind drücken(), unscharf () Und spleißen(). Ihre Funktionen sind geringfügig unterschiedlich, aber jede dieser Methoden kann angewendet werden. Schauen wir uns an, wie unterschiedlich diese sind:

Array.Push () Methode

Das Array.Push () -Methode nimmt Elemente als Parameter auf und fügt sie zum Ende des Arrays hinzu und gibt die neue Größe des Arrays zurück:

lass obj = "name": "John doe", "id": 3;
sei arr = ["name": "Richard roe", "id": 1, "name": "John Smith", "id": 2];
arr.Push (obj);
Konsole.log (arr);

Array.Unshift () Methode

Das Array.Unshift () -Funktion ist das Gegenteil der Push -Methode, da sie Elemente zu Beginn des Arrays hinzufügt. Ähnlich wie bei der Push -Methode kann es ein oder mehrere Elemente als Parameter dauern und sie zu einem Array hinzufügen:

lass obj = "name": "richard roe", "id": 1;
sei arr = ["name": "John Smith", "id": 2, "name": "John Doe", "id": 3];
arr.unerschütterlich (obj);
Konsole.log (arr);

Array.Splice () Methode

Das Array.Die Methode Splice () ist etwas anders, da sie sowohl zum Löschen als auch zum Einfügen von Elementen aus einem bestimmten Index verwendet werden können. Es braucht drei Argumente, den Index, keine Elemente zum Löschen und das neue Element, das hinzugefügt werden soll:

lass obj = "name": "John doe", "id": 3;
sei arr = ["name": "Richard roe", "id": 1, "name": "John Smith", "id": 2];
arr.Spleiß (2, 0, obj)
Konsole.log (arr);

Wir haben 0 als 2. Parameter gegeben, da wir keine Elemente aus dem vorhandenen Array löschen möchten.

Zusätzliche nützliche Methoden

JavaScript bietet auch viele andere nützliche Methoden zum Manipulieren von Arrays, Objekten und Objekten, die in Arrays vorhanden sind. Das Array.anwenden () und das Array.concat () sind zwei dieser Funktionen, die in unserem Fall hilfreich sein könnten.

Das Array.Anwenden () Methode kann verwendet werden, um den Inhalt von Arrays zu kombinieren. Wenn Sie also zwei verschiedene Arrays haben, die Objekte enthalten und die Objekte eines Arrays einem anderen hinzufügen möchten, müssen Sie es nicht manuell nacheinander tun. Sie können einfach die Methode apply () verwenden. Wenn Sie ein neues Array aus dem Inhalt des vorhandenen Arrays gebildet werden müssen, können Sie die concat () -Funktion verwenden.

Abschluss

Die Push-, Unschuh- und Spleißmethoden können verwendet werden, um Objekte zu JavaScript -Arrays hinzuzufügen. Die Push -Methode fügt Objekte zum Ende hinzu, die Unschänder -Methode fügt Objekte zum Start hinzu und die Spleißmethode fügt sie bei einem bestimmten Index des Arrays hinzu. Alle diese Methoden wurden im obigen Leitfaden ausführlich erklärt.