Bagaimana untuk Mencari dan Mendapatkan Objek dan Sifat Tertentu dengan Cekap daripada Tatasusunan JavaScript?

Mendapatkan Kembali Objek Padanan daripada Tatasusunan Objek JavaScript

Dalam JavaScript, kita sering menghadapi keperluan untuk melintasi susunan objek dan mencari objek tertentu berdasarkan nilai tertentu. Pertimbangkan tatasusunan berikut:

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.]

Andaikan kami mempunyai ID 45 dan ingin mendapatkan semula sifat 'foo' yang sepadan. Berikut ialah pelbagai pendekatan untuk mencapai matlamat ini:

Kaedah 1: Menggunakan Kaedah Cari

Kaedah find() membolehkan kami mencari objek pertama yang memenuhi syarat yang ditetapkan . Untuk mencari objek dengan ID 45, kita boleh menggunakan sintaks berikut:

myArray.find(x => x.id === '45').foo;

Kaedah 2: Menggunakan Kaedah FindIndex

Jika kami berminat terutamanya dalam indeks objek yang sepadan dan bukannya objek itu sendiri, kita boleh menggunakan findIndex() kaedah:

myArray.findIndex(x => x.id === '45');

Kaedah 3: Mendapatkan Susunan Elemen Padanan (Kaedah Penapis)

Kaedah penapis() boleh digunakan apabila kita perlu mendapatkan tatasusunan semua objek yang sepadan dengan kriteria tertentu. Dalam kes kami, ini ialah:

myArray.filter(x => x.id === '45');

Kaedah 4: Mengekstrak Nilai Harta (Kaedah Peta)

Jika kami berminat secara khusus untuk mengekstrak 'foo' nilai harta daripada objek yang sepadan, kita boleh menggabungkan kaedah penapis() dan peta() sebagai berikut:

myArray.filter(x => x.id === '45').map(x => x.foo);

Nota Keserasian Merentas Pelayar:

Adalah penting untuk ambil perhatian bahawa kaedah yang lebih baharu seperti find() dan findIndex() tidak disokong secara universal oleh pelayar lama seperti IE. Untuk memastikan keserasian merentas penyemak imbas, pertimbangkan untuk mengalihkan kod anda menggunakan alat seperti Babel dengan polyfill yang sesuai.

Atas ialah kandungan terperinci Bagaimana untuk Mencari dan Mendapatkan Objek dan Sifat Tertentu dengan Cekap daripada Tatasusunan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!