Kaip pridėti objektą prie masyvo „JavaScript“.

Kadangi „JavaScript“ masyvai automatiškai keičiasi, kai prie jų pridedate elementus, jums nereikia jaudintis, kad jie bus pilni. Indeksavimas gali būti naudojamas norint lengvai pasiekti bet kurį masyve esantį elementą. „JavaScript“ siūlo kelis integruotus metodus, kurie idealiai tinka įtraukti elementus į masyvus. Šiame išsamiame vadove apžvelgsime metodus, kuriuos galima naudoti norint įtraukti objektus į „JavaScript“ masyvus.

Kaip pridėti objektą prie masyvo „JavaScript“.

Paprasčiausias būdas objektą ar bet kurio kito tipo elementą įtraukti į „JavaScript“ masyvą yra indeksavimas. Galite tiesiog priskirti objektą masyvo indeksui ir, jei ten jau yra elementas, jis bus pakeistas nauju objektu:

tegul obj = { 'Vardas' : 'Jonas Doe' , 'id' : 3 } ;

tegul atvyksta = [ { 'Vardas' : 'Ričardas Rojus' , 'id' : 1 } , { 'Vardas' : 'Džonas Smitas' , 'id' : du } ] ;

arr [ du ] = obj ;

konsolė. žurnalas ( arr ) ;

Šis metodas yra gana paprastas, tačiau sunku žinoti masyvų indeksus ir dydį, todėl turime ieškoti kitų metodų, kuriuos būtų galima naudoti norint įtraukti objektus į masyvus. Labiausiai žinomi, patogūs ir lengviausiai naudojami metodai yra stumti () , unshift () ir sandūra () . Jų funkcijos šiek tiek skiriasi, tačiau galima naudoti bet kurį iš šių metodų. Pažiūrėkime, kuo jie skiriasi:

array.push() metodas

Metodas array.push() paima elementus kaip parametrus ir prideda juos prie masyvo pabaigos ir grąžina naują masyvo dydį:

tegul obj = { 'Vardas' : 'Jonas Doe' , 'id' : 3 } ;

tegul atvyksta = [ { 'Vardas' : 'Ričardas Rojus' , 'id' : 1 } , { 'Vardas' : 'Džonas Smitas' , 'id' : du } ] ;

arr. stumti ( obj ) ;

konsolė. žurnalas ( arr ) ;

array.unshift() metodas

Funkcija array.unshift() yra priešinga stūmimo metodui, nes ji prideda elementus prie masyvo pradžios. Panašiai kaip stūmimo metodas, jis gali paimti vieną ar kelis elementus kaip parametrus ir įtraukti juos į masyvą:

tegul obj = { 'Vardas' : 'Ričardas Rojus' , 'id' : 1 } ;

tegul atvyksta = [ { 'Vardas' : 'Džonas Smitas' , 'id' : du } , { 'Vardas' : 'Jonas Doe' , 'id' : 3 } ] ;

arr. perjungti ( obj ) ;

konsolė. žurnalas ( arr ) ;

array.splice() Metodas

Metodas array.splice() yra šiek tiek kitoks, nes jį galima naudoti norint ištrinti ir įterpti elementus iš nurodyto indekso. Reikia trijų argumentų: indekso, elementų, kuriuos reikia ištrinti, skaičiaus ir naujo elemento, kurį reikia pridėti:

tegul obj = { 'Vardas' : 'Jonas Doe' , 'id' : 3 } ;

tegul atvyksta = [ { 'Vardas' : 'Ričardas Rojus' , 'id' : 1 } , { 'Vardas' : 'Džonas Smitas' , 'id' : du } ] ;

arr. sandūrą ( du , 0 , obj )

konsolė. žurnalas ( arr ) ;

Mes nurodėme 0 kaip 2-ąjį parametrą, nes nenorime ištrinti jokių elementų iš esamo masyvo.

Papildomi naudingi metodai

„JavaScript“ taip pat siūlo daug kitų naudingų metodų, kaip manipuliuoti masyvais, objektais ir masyvuose esančiais objektais. Ary.apply() ir array.concat() yra dvi iš tokių funkcijų, kurios gali būti naudingos mūsų atveju.

Masyvų turiniui sujungti galima naudoti metodą array.apply(). Taigi, jei turite du skirtingus masyvus, kuriuose yra objektai, ir norite pridėti vieno masyvo objektus prie kito, jums nereikia to daryti rankiniu būdu po vieną. Galite tiesiog naudoti taikomąjį () metodą. Be to, jei reikia, kad naujas masyvas būtų suformuotas iš esamo masyvo turinio, galite naudoti funkciją concat ().

Išvada

Norėdami įtraukti objektus į „JavaScript“ masyvus, galima naudoti „push“, „Unshift“ ir „splice“ metodus. Stūmimo metodas prideda objektus iki galo, unshift metodas prideda objektus į pradžią, o sujungimo metodas prideda juos tam tikrame masyvo indekse. Visi šie metodai buvo išsamiai paaiškinti aukščiau esančiame vadove.

Kaip pridėti objektą prie masyvo „JavaScript“.