Hogyan adjunk objektumot a tömbhöz JavaScriptben
A legegyszerűbb módja annak, hogy egy objektumot vagy bármilyen más típusú elemet adjunk hozzá egy JavaScript tömbhöz, az indexelés. Csak hozzárendelheti az objektumot a tömb indexéhez, és ha már van ott egy elem, akkor azt lecseréli az új objektum:
hadd obj = { 'Név' : 'Gipsz Jakab' , 'azonosító' : 3 } ;hadd arr = [ { 'Név' : 'Richard Roe' , 'azonosító' : 1 } , { 'Név' : 'John Smith' , 'azonosító' : két } ] ;
arr [ két ] = obj ;
konzol. log ( arr ) ;
Ez a módszer meglehetősen egyszerű, de nehéz megismerni a tömbök indexét és méretét, ezért más módszereket kell keresnünk, amelyekkel objektumokat adhatunk tömbökhöz. A legismertebb, legkényelmesebb és könnyen használható módszerek a nyom() , unshift() és splice() . Funkcióik kissé eltérnek, de ezen módszerek bármelyike használható. Nézzük meg, miben különböznek ezek:
array.push() metódus
Az array.push() metódus elemeket vesz fel paraméterként, és hozzáadja azokat a tömb végéhez, és visszaadja a tömb új méretét:
hadd obj = { 'Név' : 'Gipsz Jakab' , 'azonosító' : 3 } ;
hadd arr = [ { 'Név' : 'Richard Roe' , 'azonosító' : 1 } , { 'Név' : 'John Smith' , 'azonosító' : két } ] ;
arr. nyom ( obj ) ;
konzol. log ( arr ) ;
array.unshift() Metódus
Az array.unshift() függvény a push metódus ellentéte, mivel elemeket ad a tömb elejéhez. A push módszerhez hasonlóan egy vagy több elemet is felvehet paraméterként, és hozzáadhatja őket egy tömbhöz:
hadd obj = { 'Név' : 'Richard Roe' , 'azonosító' : 1 } ;hadd arr = [ { 'Név' : 'John Smith' , 'azonosító' : két } , { 'Név' : 'Gipsz Jakab' , 'azonosító' : 3 } ] ;
arr. váltáshoz ( obj ) ;
konzol. log ( arr ) ;
array.splice() metódus
Az array.splice() metódus egy kicsit más, mivel egy adott index elemeinek törlésére és beillesztésére is használható. Három argumentumra van szükség: az indexre, a törlendő elemek számára és a hozzáadandó új elemre:
hadd obj = { 'Név' : 'Gipsz Jakab' , 'azonosító' : 3 } ;hadd arr = [ { 'Név' : 'Richard Roe' , 'azonosító' : 1 } , { 'Név' : 'John Smith' , 'azonosító' : két } ] ;
arr. toldás ( két , 0 , obj )
konzol. log ( arr ) ;
0-t adtunk meg 2. paraméterként, mivel nem szeretnénk egyetlen elemet sem törölni a meglévő tömbből.
További hasznos módszerek
A JavaScript számos más hasznos módszert is kínál a tömbök, objektumok és a tömbökön belüli objektumok manipulálására. Az array.apply() és az array.concat() két ilyen függvény, amelyek hasznosak lehetnek a mi esetünkben.
Az array.apply() metódus használható a tömbök tartalmának kombinálására. Tehát, ha két különböző tömbje van, amelyek objektumokat tartalmaznak, és az egyik tömb objektumait hozzá szeretné adni a másikhoz, akkor nem kell ezt egyenként manuálisan megtennie. Csak az apply() metódust használhatja. Továbbá, ha új tömböt kell létrehozni a meglévő tömb tartalmából, akkor használhatja a concat() függvényt.
Következtetés
A push, unshift és splice metódusok használhatók objektumok hozzáadására JavaScript tömbökhöz. A push metódus objektumokat ad hozzá a végéhez, az unshift metódus az elejéhez, a splice metódus pedig a tömb egy adott indexéhez adja hozzá őket. Mindezeket a módszereket részletesen ismertetjük a fenti útmutatóban.