Rumah > hujung hadapan web > tutorial js > Bagaimana untuk mengekstrak sifat khusus daripada objek JavaScript?

Bagaimana untuk mengekstrak sifat khusus daripada objek JavaScript?

Mary-Kate Olsen
Lepaskan: 2024-12-11 20:33:13
asal
692 orang telah melayarinya

How to Extract Specific Properties from a JavaScript Object?

Subsetting Objek dalam JavaScript: Mengekstrak Sifat Tertentu

Dalam pelbagai senario, kita menghadapi objek dengan banyak sifat dan mengekstrak subset tertentu boleh menjadi penting. Soalan ini meneroka cara untuk mencapai objektif ini dalam JavaScript.

Pertimbangkan objek elmo berikut:

elmo = { 
  color: 'red',
  annoying: true,
  height: 'unknown',
  meta: { one: '1', two: '2'}
};
Salin selepas log masuk

Matlamatnya adalah untuk mencipta objek baharu, subset, yang merangkumi hanya sebahagian daripada ini sifat, seperti warna dan ketinggian.

Penyelesaian 1: Menggunakan Pemusnahan dan Harta Shorthand

Satu penyelesaian berkesan menggunakan pemusnahan objek dan trengkas harta benda. Pendekatan ini memanfaatkan sintaks pendakap kerinting (${}), membenarkan penciptaan dinamik dan penetapan objek baharu:

const subset = ({ color, height }) => ({ color, height })(elmo);
Salin selepas log masuk

Dalam kod ini, fungsi anak panah baharu ditakrifkan yang mengambil objek sebagai parameternya. Dalam pendakap kerinting, sifat yang dikehendaki ditentukan menggunakan trengkas sifat, yang secara automatik memberikan nilai yang diekstrak kepada sifat ini dalam objek baharu. Apabila fungsi anak panah digunakan dengan objek elmo sebagai hujahnya, subset objek yang terhasil hanya mengandungi sifat warna dan ketinggian.

Contoh Output:

{ color: 'red', height: 'unknown' }
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk mengekstrak sifat khusus daripada objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan