Bagaimanakah Saya Boleh Mengekstrak Nilai Harta Objek dengan Cekap ke dalam Tatasusunan Baharu dalam JavaScript?

Mengekstrak Nilai Harta Objek sebagai Tatasusunan dalam JavaScript

Apabila bekerja dengan tatasusunan objek, tugas biasa ialah mengekstrak nilai medan tertentu daripada setiap objek dan cipta tatasusunan nilai tersebut.

Naif Pendekatan

Pendekatan yang mudah adalah untuk mengulangi tatasusunan dan menolak nilai sifat yang dikehendaki ke dalam tatasusunan output:

function getFields(input, field) {
  var output = [];
  for (var i = 0; i < input.length; ++i) {
    output.push(input[i][field]);
  }
  return output;
}

Penyelesaian Elegan

Walau bagaimanapun, terdapat cara yang lebih elegan dan idiomatik untuk melakukan ini tugas:

Array.map()

Array.map() ialah kaedah tatasusunan terbina dalam yang mengubah setiap elemen tatasusunan menggunakan fungsi panggil balik yang disediakan. Ini boleh digunakan untuk mengekstrak nilai sifat:

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

Pemusnahan Objek

Jika anda perlu mengekstrak berbilang nilai harta, anda boleh menggunakan pemusnahan objek dalam panggilan balik peta :

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

Pendekatan ini lebih ringkas dan lebih mudah untuk baca.

Nota:

• Tatasusunan contoh mengandungi objek dengan sifat bernama "foo" dan "bar". Anda boleh menggantikan nama ini dengan nama harta sebenar yang anda perlu ekstrak.
• Array.map() mengembalikan tatasusunan baharu dengan nilai yang diubah, jadi anda tidak perlu mencipta tatasusunan output secara eksplisit.
• Anda boleh merujuk kepada dokumentasi Array.prototype.map() untuk mendapatkan maklumat lanjut tentang kaedah tatasusunan ini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekstrak Nilai Harta Objek dengan Cekap ke dalam Tatasusunan Baharu dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!