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
Lepaskan: 2024-12-23 20:10:11
asal
209 orang telah melayarinya

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'}];
Salin selepas log masuk

Mencari Spesifik Objek

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

const matchingObject = myArray.find(x => x.id === '45');
Salin selepas log masuk

Mendapatkan Nilai Harta

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

const fooValue = matchingObject.foo;
Salin selepas log masuk

Mencari Indeks Objek

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

const matchingIndex = myArray.findIndex(x => x.id === '45');
Salin selepas log masuk

Menapis Objek Padanan

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

const matchingObjects = myArray.filter(x => x.id === '45');
Salin selepas log masuk

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);
Salin selepas log masuk

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!

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