Bagaimanakah Saya Boleh Mengeluarkan Nilai Harta Dengan Cekap ke dalam Array dalam JavaScript?

Mengekstrak Nilai Harta sebagai Tatasusunan dalam JavaScript

Dalam JavaScript, bekerja dengan tatasusunan objek ialah senario biasa. Tugas yang kerap adalah untuk mengekstrak nilai sifat tertentu daripada setiap objek dan mencipta tatasusunan yang mengandungi nilai tersebut. Walaupun fungsi tersuai boleh mencapai ini, terdapat pendekatan yang lebih elegan dan idiomatik.

Soalan Asal

Memandangkan tatasusunan objek dengan struktur tertentu, matlamatnya adalah untuk mengekstrak medan (sifat) daripada setiap objek dan kembalikan tatasusunan yang mengandungi nilai tersebut. Sebagai contoh, mengekstrak medan "foo" harus menghasilkan tatasusunan [1, 3, 5] daripada tatasusunan objek berikut:

objArray = [ { foo: 1, bar: 2}, { foo: 3, bar: 4}, { foo: 5, bar: 6} ];

Penyelesaian Idiomatik

Daripada menggunakan gelung tradisional untuk dan pendekatan tolak, pertimbangkan penyelesaian idiomatik ini:

Kaedah 1: Array.map() dengan Arrow Fungsi

let result = objArray.map(a => a.foo);

Kaedah 2: Array.map() dengan Pemusnahan Objek

let result = objArray.map(({ foo }) => foo);

Penerangan Fungsi

Kedua-dua kaedah menggunakan kaedah Array.prototype.map(), yang mengubah setiap elemen dalam tatasusunan menggunakan fungsi panggil balik yang disediakan. Dalam kes kami, fungsi panggil balik mengekstrak medan yang ditentukan ("foo") daripada setiap objek. Fungsi map() mengembalikan tatasusunan baharu yang mengandungi elemen yang diubah, yang kemudiannya diberikan kepada pembolehubah hasil.

Rujukan untuk Array.map()

Untuk maklumat lanjut tentang Array.prototype. map(), rujuk kepada Rangkaian Pembangun Mozilla (MDN) dokumentasi:
[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map](https://developer.mozilla.org/en-US/docs /Web/JavaScript/Reference/Global_Objects/Array/map)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengeluarkan Nilai Harta Dengan Cekap ke dalam Array dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!