Bagaimana untuk Menambahkan Sifat Tambahan pada Tatasusunan Objek Menggunakan Peta JavaScript dan Penyebaran Objek?

Memperkaya Tatasusunan Objek dengan Sifat Tambahan: Menambah "Aktif" pada Setiap Elemen

Dalam senario pengaturcaraan dunia sebenar, anda mungkin menghadapi keperluan untuk melanjutkan tatasusunan objek sedia ada dengan sifat tambahan. Sebagai contoh, pertimbangkan tatasusunan objek yang mewakili data pengguna, setiap satu mengandungi "id" dan "nama." Untuk menjejak status aktiviti mereka, anda ingin menambah sifat "Aktif" pada setiap objek.

Menggunakan Array.prototype.map() untuk Menambah Objek

Satu pendekatan elegan untuk masalah ini ialah memanfaatkan kaedah Array.prototype.map(). Kaedah ini mencipta tatasusunan baharu dengan menggunakan fungsi transformasi pada setiap elemen tatasusunan asal. Dalam kes kami, kami mentakrifkan fungsi yang mengambil objek dan mengembalikan objek baharu dengan sifat "Aktif" tambahan yang ditetapkan kepada "palsu."

<code class="javascript">const updatedResults = Results.map(obj => ({
  ...obj, // Copy existing properties
  Active: 'false' // Add new "Active" property
}));</code>

Dengan menggunakan kaedah map(), anda memperoleh tatasusunan baru, "updatedResults," di mana setiap objek mempunyai sifat "Aktif" yang dikehendaki. Tatasusunan "Hasil" asal kekal tidak berubah.

Memahami Sintaks Penyebaran Objek

Sintaks "..." dalam fungsi dikenali sebagai sintaks penyebaran objek. Ia menyalin semua sifat terhitung daripada satu objek ke objek lain. Dalam kes ini, kami menggunakannya untuk mengekalkan sifat sedia ada ("id" dan "nama") sambil menambah sifat "Aktif" baharu.

Pengesahan Output

Selepas melaksanakan kod di atas, anda boleh menyemak tatasusunan "updatedResults" untuk mengesahkan bahawa setiap objek kini mempunyai sifat "Active" yang ditetapkan kepada "false":

<code class="javascript">console.log(updatedResults);
// Output:
// [
//   { id: 1, name: 'Rick', Active: 'false' },
//   { id: 2, name: 'david', Active: 'false' }
// ]</code>

Kesimpulan

Dengan menggunakan Array.prototype.map( ) dan sintaks penyebaran objek, anda boleh meningkatkan tatasusunan objek dengan sifat tambahan dengan mudah. Teknik ini boleh digunakan secara meluas dalam pelbagai senario pengaturcaraan di mana anda perlu melanjutkan dan memanipulasi struktur data secara dinamik.

Atas ialah kandungan terperinci Bagaimana untuk Menambahkan Sifat Tambahan pada Tatasusunan Objek Menggunakan Peta JavaScript dan Penyebaran Objek?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!