Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mencari dan Menapis Tatasusunan Objek dengan Cekap dalam JavaScript?

Bagaimana untuk Mencari dan Menapis Tatasusunan Objek dengan Cekap dalam JavaScript?

Patricia Arquette
Lepaskan: 2024-11-04 02:11:02
asal
744 orang telah melayarinya

How to Efficiently Search and Filter Arrays of Objects in JavaScript?

Carian Cekap dalam Tatasusunan Objek dalam JavaScript

Apabila berurusan dengan tatasusunan objek, keperluan timbul untuk mencari dan menapisnya untuk kriteria tertentu. Satu contoh sedemikian ialah mencari semua objek dengan sifat "nama" bersamaan dengan "Joe" dan sifat "umur" kurang daripada 30 tahun.

Pendekatan JavaScript Asli

Menggunakan fungsi moden JavaScript, kita boleh gunakan kaedah Array.prototype.filter() untuk mencapai perkara ini:

const found_names = names.filter(v => v.name === "Joe" && v.age < 30);
Salin selepas log masuk

Pendekatan ini berulang pada tatasusunan nama dan mengembalikan tatasusunan baharu yang mengandungi hanya objek yang memenuhi syarat yang ditetapkan.

jQuery Alternative

Jika anda lebih suka jQuery, kaedah alternatif wujud:

var found_names = $.grep(names, function(v) {
    return v.name === "Joe" && v.age < 30;
});
Salin selepas log masuk

fungsi $.grep() jQuery menapis tatasusunan berdasarkan panggilan balik yang disediakan. Panggilan balik di sini mengembalikan benar untuk objek yang memenuhi kriteria yang diingini dan palsu sebaliknya.

Atas ialah kandungan terperinci Bagaimana untuk Mencari dan Menapis Tatasusunan Objek dengan Cekap dalam 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