So fügen Sie in JavaScript ein Objekt zu einem Array hinzu
Die einfachste Möglichkeit, ein Objekt oder einen anderen Elementtyp zu einem JavaScript-Array hinzuzufügen, ist die Indizierung. Sie können das Objekt einfach einem Index des Arrays zuweisen und wenn dort bereits ein Element vorhanden ist, wird es durch das neue Objekt ersetzt:
lassen obj = { 'Name' : 'John Doe' , 'Ich würde' : 3 } ;lass arr = [ { 'Name' : 'Richard Reh' , 'Ich würde' : 1 } , { 'Name' : 'John Smith' , 'Ich würde' : zwei } ] ;
Arr [ zwei ] = obj ;
Konsole. Protokoll ( Arr ) ;
Diese Methode ist ziemlich einfach, aber es ist schwierig, die Indizes und die Größe der Arrays zu kennen, also müssen wir nach anderen Methoden suchen, die verwendet werden können, um Objekte zu Arrays hinzuzufügen. Die bekanntesten, bequemsten und einfachsten Methoden sind drücken() , unshift() und spleißen() . Ihre Funktionalitäten unterscheiden sich geringfügig, aber jede dieser Methoden kann verwendet werden. Schauen wir uns an, wie sich diese unterscheiden:
array.push() Methode
Die Methode array.push() nimmt Elemente als Parameter und fügt sie am Ende des Arrays hinzu und gibt die neue Größe des Arrays zurück:
lassen obj = { 'Name' : 'John Doe' , 'Ich würde' : 3 } ;
lass arr = [ { 'Name' : 'Richard Reh' , 'Ich würde' : 1 } , { 'Name' : 'John Smith' , 'Ich würde' : zwei } ] ;
Arr. drücken ( obj ) ;
Konsole. Protokoll ( Arr ) ;
array.unshift() Methode
Die Funktion array.unshift() ist das Gegenteil der Push-Methode, da sie Elemente am Anfang des Arrays hinzufügt. Ähnlich wie bei der Push-Methode kann es ein oder mehrere Elemente als Parameter nehmen und sie einem Array hinzufügen:
lassen obj = { 'Name' : 'Richard Reh' , 'Ich würde' : 1 } ;lass arr = [ { 'Name' : 'John Smith' , 'Ich würde' : zwei } , { 'Name' : 'John Doe' , 'Ich würde' : 3 } ] ;
Arr. unshift ( obj ) ;
Konsole. Protokoll ( Arr ) ;
array.spleiß() Methode
Die Methode array.splice() ist etwas anders, da sie zum Löschen und Einfügen von Elementen aus einem bestimmten Index verwendet werden kann. Es braucht drei Argumente, den Index, die Anzahl der zu löschenden Elemente und das neue Element, das hinzugefügt werden soll:
lassen obj = { 'Name' : 'John Doe' , 'Ich würde' : 3 } ;lass arr = [ { 'Name' : 'Richard Reh' , 'Ich würde' : 1 } , { 'Name' : 'John Smith' , 'Ich würde' : zwei } ] ;
Arr. spleißen ( zwei , 0 , Obj )
Konsole. Protokoll ( Arr ) ;
Als 2. Parameter haben wir 0 angegeben, da wir keine Elemente aus dem bestehenden Array löschen wollen.
Weitere nützliche Methoden
JavaScript bietet auch viele andere nützliche Methoden zum Manipulieren von Arrays, Objekten und Objekten, die in Arrays vorhanden sind. Die array.apply() und die array.concat() sind zwei solcher Funktionen, die in unserem Fall hilfreich sein könnten.
Die Methode array.apply() kann verwendet werden, um den Inhalt von Arrays zu kombinieren. Wenn Sie also zwei verschiedene Arrays haben, die Objekte enthalten, und Sie die Objekte eines Arrays zu einem anderen hinzufügen möchten, müssen Sie dies nicht einzeln manuell tun. Sie können einfach die Methode apply() verwenden. Wenn Sie außerdem ein neues Array benötigen, das aus dem Inhalt des vorhandenen Arrays gebildet werden soll, können Sie die Funktion concat() verwenden.
Fazit
Die Push-, Unshift- und Splice-Methoden können verwendet werden, um Objekte zu JavaScript-Arrays hinzuzufügen. Die Push-Methode fügt Objekte am Ende hinzu, die Unshift-Methode fügt Objekte am Anfang hinzu und die Splice-Methode fügt sie an einem bestimmten Index des Arrays hinzu. Alle diese Methoden wurden in der obigen Anleitung ausführlich erläutert.