Cara Menambahkan Objek ke Array di JavaScript

Cara Menambahkan Objek Ke Array Di Javascript



Karena array JavaScript secara otomatis mengubah ukuran saat Anda menambahkan item ke dalamnya, Anda tidak perlu khawatir akan penuh. Pengindeksan dapat digunakan untuk dengan mudah mengakses item apa pun yang ada dalam array. JavaScript menawarkan beberapa metode bawaan yang ideal untuk menambahkan item ke array. Dalam panduan cara terperinci ini, kita akan membahas metode yang dapat digunakan untuk menambahkan objek ke array dalam JavaScript.

Cara Menambahkan Objek ke Array di JavaScript

Cara paling sederhana sebuah objek atau jenis elemen lainnya dapat ditambahkan ke array JavaScript adalah pengindeksan. Anda bisa menetapkan objek ke indeks array dan jika ada item yang sudah ada di sana maka itu akan diganti dengan objek baru:

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

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

arr [ dua ] = obj ;

menghibur. catatan ( arr ) ;







Metode ini cukup mudah tetapi sulit untuk mengetahui indeks dan ukuran array sehingga kita harus mencari beberapa metode lain yang dapat digunakan untuk menambahkan objek ke array. Metode yang paling terkenal, nyaman dan mudah digunakan adalah dorongan() , tidak bergeser() dan sambatan() . Fungsionalitasnya sedikit berbeda tetapi salah satu dari metode ini dapat digunakan. Mari kita lihat bagaimana ini berbeda:



array.push() Metode

Metode array.push() mengambil elemen sebagai parameter dan menambahkannya ke akhir array dan mengembalikan ukuran array yang baru:



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

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

arr. dorongan ( obj ) ;

menghibur. catatan ( arr ) ;





array.unshift() Metode

Fungsi array.unshift() adalah kebalikan dari metode push karena menambahkan elemen ke awal array. Mirip dengan metode push, ia dapat mengambil satu atau lebih elemen sebagai parameter dan menambahkannya ke array:

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

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

arr. tidak bergeser ( obj ) ;

menghibur. catatan ( arr ) ;



array.splice() Metode

Metode array.splice() sedikit berbeda karena dapat digunakan untuk menghapus dan menyisipkan elemen dari indeks yang diberikan. Dibutuhkan tiga argumen, indeks, tidak ada elemen untuk dihapus dan elemen baru yang akan ditambahkan:

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

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

arr. sambatan ( dua , 0 , obj )

menghibur. catatan ( arr ) ;

Kami telah memberikan 0 sebagai parameter ke-2 karena kami tidak ingin menghapus elemen apa pun dari array yang ada.

Metode Berguna Tambahan

JavaScript juga menawarkan banyak metode berguna lainnya untuk memanipulasi array, objek, dan objek yang ada di dalam array. Array.apply() dan array.concat() adalah dua fungsi yang mungkin berguna dalam kasus kita.

Metode array.apply() dapat digunakan untuk menggabungkan konten array. Jadi, jika Anda memiliki dua array berbeda yang berisi objek dan Anda ingin menambahkan objek dari satu array ke array lainnya, Anda tidak perlu melakukannya secara manual satu per satu. Anda bisa menggunakan metode apply() . Selain itu, jika Anda membutuhkan array baru yang akan dibentuk dari isi array yang ada maka Anda dapat menggunakan fungsi concat() .

Kesimpulan

Metode push, unshift, dan splice dapat digunakan untuk menambahkan objek ke array JavaScript. Metode push menambahkan objek ke akhir, metode unshift menambahkan objek ke awal dan metode splice menambahkannya pada indeks array yang diberikan. Semua metode ini telah dijelaskan secara luas dalam panduan di atas.