Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mencipta Subset Objek JavaScript Menggunakan Shorthand Harta?

Bagaimanakah Saya Boleh Mencipta Subset Objek JavaScript Menggunakan Shorthand Harta?

Mary-Kate Olsen
Lepaskan: 2024-12-18 19:44:11
asal
794 orang telah melayarinya

How Can I Create a Subset of a JavaScript Object Using Property Shorthand?

Mensubsetkan Objek JavaScript dengan Shorthand Harta

Dalam JavaScript, objek menyediakan cara yang mudah untuk menyimpan dan mengatur data dengan pasangan nilai kunci. Walau bagaimanapun, mungkin terdapat situasi di mana anda perlu mencipta objek baharu dengan hanya subset sifat objek asal.

Masalah:

Pertimbangkan objek berikut:

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

Anda ingin mencipta objek baharu yang mengandungi hanya subset tertentu sifat ini, seperti warna dan ketinggian.

Penyelesaian:

Pemusnahan objek dan trengkas harta benda menyediakan kaedah yang elegan untuk mencapai ini:

const subset = { ...elmo, color, height };
Salin selepas log masuk

Sintaks ini mencipta objek baharu , subset, yang merangkumi hanya warna dan ketinggian sifat daripada objek elmo asal. Pengendali ...elmo spread menyalin semua sifat lain daripada elmo, manakala sifat warna dan ketinggian yang ditakrifkan secara eksplisit dengan trengkas sifat mengatasi nilai yang disalin.

Contoh:

const object = { a: 5, b: 6, c: 7  };
const picked = (({ a, c }) => ({ a, c }))(object);

console.log(picked); // { a: 5, c: 7 }
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Subset Objek JavaScript Menggunakan Shorthand Harta?. 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