Kuidas JavaScriptis massiivi objekti lisada
Lihtsaim viis objekti või mis tahes muud tüüpi elemendi lisamiseks JavaScripti massiivi on indekseerimine. Saate objekti lihtsalt massiivi indeksile määrata ja kui seal on üksus juba olemas, asendatakse see uue objektiga:
lase obj = { 'nimi' : 'John Doe' , 'id' : 3 } ;lase arr = [ { 'nimi' : 'Richard Roe' , 'id' : 1 } , { 'nimi' : 'John Smith' , 'id' : kaks } ] ;
arr [ kaks ] = obj ;
konsool. logi ( arr ) ;
See meetod on üsna lihtne, kuid massiivide indekseid ja suurust on raske teada, seega peame otsima muid meetodeid, mida saaks kasutada massiividesse objektide lisamiseks. Tuntumad, mugavamad ja lihtsamini kasutatavad meetodid on push () , unshift() ja splaiss() . Nende funktsioonid on veidi erinevad, kuid kasutada saab kõiki neid meetodeid. Vaatame, kuidas need erinevad:
array.push() meetod
Meetod array.push() võtab elemendid parameetritena ja lisab need massiivi lõppu ning tagastab massiivi uue suuruse:
lase obj = { 'nimi' : 'John Doe' , 'id' : 3 } ;
lase arr = [ { 'nimi' : 'Richard Roe' , 'id' : 1 } , { 'nimi' : 'John Smith' , 'id' : kaks } ] ;
arr. suruma ( obj ) ;
konsool. logi ( arr ) ;
array.unshift() meetod
Funktsioon array.unshift() on vastupidine push-meetodile, kuna see lisab elemente massiivi algusesse. Sarnaselt tõukemeetodile võib see võtta parameetritena ühe või mitu elementi ja lisada need massiivi:
lase obj = { 'nimi' : 'Richard Roe' , 'id' : 1 } ;lase arr = [ { 'nimi' : 'John Smith' , 'id' : kaks } , { 'nimi' : 'John Doe' , 'id' : 3 } ] ;
arr. käiguvahetust välja lülitama ( obj ) ;
konsool. logi ( arr ) ;
array.splice() meetod
Meetod array.splice() on veidi erinev, kuna seda saab kasutada antud indeksi elementide kustutamiseks ja sisestamiseks. Selleks on vaja kolme argumenti: indeks, kustutatavate elementide arv ja uus lisatav element:
lase obj = { 'nimi' : 'John Doe' , 'id' : 3 } ;lase arr = [ { 'nimi' : 'Richard Roe' , 'id' : 1 } , { 'nimi' : 'John Smith' , 'id' : kaks } ] ;
arr. splaiss ( kaks , 0 , obj )
konsool. logi ( arr ) ;
Teise parameetrina oleme andnud 0, kuna me ei soovi olemasolevast massiivist ühtegi elementi kustutada.
Täiendavad kasulikud meetodid
JavaScript pakub ka palju muid kasulikke meetodeid massiivide, objektide ja massiivides olevate objektide manipuleerimiseks. Ary.apply() ja array.concat() on kaks sellist funktsiooni, mis võivad meie puhul abiks olla.
Massiivide sisu kombineerimiseks saab kasutada meetodit array.apply(). Seega, kui teil on kaks erinevat massiivi, mis sisaldavad objekte ja soovite lisada ühe massiivi objekte teisele, ei pea te seda käsitsi ükshaaval tegema. Võite lihtsalt kasutada meetodit apply(). Veelgi enam, kui teil on vaja olemasoleva massiivi sisust moodustada uus massiiv, saate kasutada funktsiooni concat().
Järeldus
Objektide lisamiseks JavaScripti massiividesse saab kasutada tõuke-, unshift- ja splaissimismeetodeid. Tõukemeetod lisab objektid lõppu, unshift meetod lisab objektid algusesse ja splaissimeetod lisab need massiivi antud indeksi juurde. Kõiki neid meetodeid on ülaltoodud juhendis põhjalikult selgitatud.