Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mencari dan Mengekstrak Data dengan Cekap daripada Susunan Objek JavaScript?

Bagaimanakah Saya Boleh Mencari dan Mengekstrak Data dengan Cekap daripada Susunan Objek JavaScript?

Linda Hamilton
Linda Hamiltonasal
2024-12-23 20:10:11170semak imbas

How Can I Efficiently Find and Extract Data from an Array of JavaScript Objects?

Mencari Nilai Padanan dalam Tatasusunan Objek JavaScript

Pengaturcara JavaScript sering menghadapi keperluan untuk mencari tatasusunan objek untuk nilai tertentu . Artikel ini menerangkan pelbagai kaedah untuk menyelesaikan tugasan ini, memfokuskan pada kaedah find(), findIndex(), filter() dan map().

Contoh Array

Pertimbangkan tatasusunan objek JavaScript berikut:

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'},{'id':'67','foo':'baz'}];

Mencari Spesifik Objek

Untuk mendapatkan semula objek dengan id 45, gunakan kaedah find():

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

Mendapatkan Nilai Harta

Jika anda ingin mendapatkan semula nilai sifat foo untuk objek yang sepadan, gunakan titik tatatanda:

const fooValue = matchingObject.foo;

Mencari Indeks Objek

Untuk menentukan indeks objek yang sepadan, gunakan kaedah findIndex():

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

Menapis Objek Padanan

Untuk mencipta tatasusunan hanya mengandungi objek yang sepadan, gunakan kaedah penapis():

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

Memetakan Nilai Padanan

Untuk mengekstrak tatasusunan nilai sifat foo yang sepadan, rantaikan kaedah penapis() dan peta():

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

Keserasian Pelayar Nota

Fungsi anak panah dan beberapa kaedah tatasusunan, seperti find(), tidak disokong oleh penyemak imbas lama. Pertimbangkan untuk menggunakan Babel dengan polyfill yang sesuai untuk keserasian.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencari dan Mengekstrak Data dengan Cekap daripada Susunan Objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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