ES6 Memetakan Array Objek untuk Mengembalikan Array Objek Dengan Kunci Baru

Es6 Memetakan Array Objek Untuk Mengembalikan Array Objek Dengan Kunci Baru



Saat bekerja dengan JavaScript, Anda mungkin perlu mengatur ulang data berdasarkan kunci. Terkadang, Anda ingin mengganti nama kunci objek agar lebih mudah digunakan atau lebih mudah dibaca dan dimengerti, seperti mempersingkat nama kunci menjadi “ elemen ' untuk ' elemen ”, “ nama depan ', atau ' nama depan ' sebagai ' fName ', dan seterusnya.

Posting ini akan menentukan metode untuk memetakan array objek untuk mengembalikan array baru yang berisi kunci baru.

Petakan Array Objek yang Mengembalikan Array Objek Baru yang Mengandung Kunci Baru

Menggunakan ' peta() ” metode untuk mengatasi pernyataan yang dinyatakan. Metode map() digunakan untuk mengulang larik dan membuat larik baru dengan menambahkan nilai resultan dari fungsi yang disediakan yang memanggil setiap elemen dalam larik asli. Itu tidak mengubah array asli tetapi mengeluarkan yang baru dengan hasil fungsi yang disediakan.







Sintaksis



Gunakan sintaks berikut untuk metode map() :



peta ( ( elemen ) => {

//……

} )

Contoh

Buat array objek bernama ' arrObj ”:





di mana arrObj = [ { nama : 'Paul' , pengenal : 3 , usia : 23 } ,

{ nama : 'Meyer' , pengenal : 5 , usia : 25 } ,

{ nama : 'Saya setuju' , pengenal : sebelas , usia : 27 }

]

Panggil metode map() dengan kunci objek sebagai argumen dan fungsi panah/panggilan balik yang akan dijalankan untuk setiap elemen larik. Di sini, kita akan mengatur kunci dari “ arrObj ” ke kunci baru dalam fungsi panggilan balik:

const newArrayObj = arrObj. peta ( ( { nama, id, umur } ) => ( {

newId : pengenal,

nama baru : nama,

zaman baru : usia

} ) ) ;

Terakhir, cetak array baru dengan kunci baru di konsol:



menghibur. catatan ( newArrayObj ) ;

Dapat dilihat bahwa array objek baru bernama “ newArrayObj ” berisi 'kunci baru/diperbarui' dengan nilai yang sama dan dengan urutan ulang:

Itu semua tentang memetakan array objek untuk mengembalikan array objek dengan kunci baru di JavaScript.

Kesimpulan

Untuk memetakan larik objek dalam larik objek baru dengan kunci baru, gunakan tombol “ peta() ' metode. Metode ini mengulangi setiap elemen dari array objek dan memberikan array baru dengan memanggil fungsi callback dengan fungsi yang ditentukan. Posting ini mendefinisikan prosedur untuk memetakan array objek untuk mengembalikan array objek yang memiliki kunci baru.