Cara Menambah Objek pada Array dalam JavaScript

Memandangkan tatasusunan JavaScript mengubah saiz secara automatik semasa anda menambah item padanya, anda tidak perlu risau tentang ia penuh. Pengindeksan boleh digunakan untuk mengakses mana-mana item yang ada dalam tatasusunan dengan mudah. JavaScript menawarkan beberapa kaedah terbina dalam yang sesuai untuk menambah item pada tatasusunan. Dalam panduan cara terperinci ini, kami akan melalui kaedah yang boleh digunakan untuk menambah objek pada tatasusunan dalam JavaScript.

Cara Menambah Objek pada Array dalam JavaScript

Cara paling mudah objek atau apa-apa jenis elemen lain boleh ditambahkan pada tatasusunan JavaScript ialah pengindeksan. Anda hanya boleh menetapkan objek kepada indeks tatasusunan dan jika terdapat item yang sudah ada di sana maka ia akan digantikan dengan objek baharu:

biarkan obj = { 'Nama' : 'John Doe' , 'ID' : 3 } ;

biarkan arr = [ { 'Nama' : 'Richard Roe' , 'ID' : 1 } , { 'Nama' : 'John Smith' , 'ID' : dua } ] ;

arr [ dua ] = obj ;

konsol. log ( arr ) ;

Kaedah ini agak mudah tetapi sukar untuk mengetahui indeks dan saiz tatasusunan jadi kita perlu mencari beberapa kaedah lain yang boleh digunakan untuk menambah objek pada tatasusunan. Kaedah yang paling terkenal, mudah dan mudah digunakan ialah tolak() , unshift() dan sambung() . Fungsi mereka berbeza sedikit tetapi mana-mana kaedah ini boleh digunakan. Mari kita lihat bagaimana ini berbeza:

array.push() Kaedah

Kaedah array.push() mengambil elemen sebagai parameter dan menambahkannya pada penghujung tatasusunan dan mengembalikan saiz baharu tatasusunan:

biarkan obj = { 'Nama' : 'John Doe' , 'ID' : 3 } ;

biarkan arr = [ { 'Nama' : 'Richard Roe' , 'ID' : 1 } , { 'Nama' : 'John Smith' , 'ID' : dua } ] ;

arr. menolak ( obj ) ;

konsol. log ( arr ) ;

kaedah array.unshift().

Fungsi array.unshift() adalah bertentangan dengan kaedah tolak kerana ia menambah elemen pada permulaan tatasusunan. Sama seperti kaedah tolak, ia boleh mengambil satu atau lebih elemen sebagai parameter dan menambahkannya pada tatasusunan:

biarkan obj = { 'Nama' : 'Richard Roe' , 'ID' : 1 } ;

biarkan arr = [ { 'Nama' : 'John Smith' , 'ID' : dua } , { 'Nama' : 'John Doe' , 'ID' : 3 } ] ;

arr. unshift ( obj ) ;

konsol. log ( arr ) ;

kaedah array.splice().

Kaedah array.splice() adalah sedikit berbeza kerana ia boleh digunakan untuk memadam dan memasukkan elemen daripada indeks tertentu. Ia memerlukan tiga hujah, indeks, tiada elemen untuk dipadam dan elemen baharu yang akan ditambah:

biarkan obj = { 'Nama' : 'John Doe' , 'ID' : 3 } ;

biarkan arr = [ { 'Nama' : 'Richard Roe' , 'ID' : 1 } , { 'Nama' : 'John Smith' , 'ID' : dua } ] ;

arr. sambung ( dua , 0 , obj )

konsol. log ( arr ) ;

Kami telah memberikan 0 sebagai parameter ke-2 kerana kami tidak mahu memadam sebarang elemen daripada tatasusunan sedia ada.

Kaedah Berguna Tambahan

JavaScript juga menawarkan banyak kaedah berguna lain untuk memanipulasi tatasusunan, objek dan objek yang terdapat dalam tatasusunan. array.apply() dan array.concat() ialah dua daripada fungsi sedemikian yang mungkin membantu dalam kes kami.

Kaedah array.apply() boleh digunakan untuk menggabungkan kandungan tatasusunan. Jadi, jika anda mempunyai dua tatasusunan berbeza yang mengandungi objek dan anda ingin menambah objek satu tatasusunan kepada tatasusunan yang lain, anda tidak perlu melakukannya secara manual satu demi satu. Anda hanya boleh menggunakan kaedah apply(). Selain itu, jika anda memerlukan tatasusunan baharu untuk dibentuk daripada kandungan tatasusunan sedia ada maka anda boleh menggunakan fungsi concat().

Kesimpulan

Kaedah push, unshift dan splice boleh digunakan untuk menambah objek pada tatasusunan JavaScript. Kaedah tolak menambah objek ke penghujung, kaedah unshift menambah objek pada permulaan dan kaedah splice menambahkannya pada indeks tatasusunan tertentu. Semua kaedah ini telah diterangkan secara meluas dalam panduan di atas.

Cara Menambah Objek pada Array dalam JavaScript