Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menapis Susunan Objek dalam JavaScript?

Bagaimana untuk Menapis Susunan Objek dalam JavaScript?

DDD
DDDasal
2024-11-05 19:39:02643semak imbas

How to Filter an Array of Objects in JavaScript?

Tapis Tatasusunan Objek dalam JavaScript

Memandangkan tatasusunan objek, selalunya perlu mencari dan menapisnya berdasarkan kriteria tertentu. Berikut ialah cara untuk menapis tatasusunan objek dalam JavaScript, memfokuskan pada mencari objek yang namanya sama dengan "Joe" dan umurnya kurang daripada 30 tahun.

Kaedah Array.prototype.filter():

Kaedah Array.prototype.filter() membolehkan anda mencipta tatasusunan baharu dengan menapis tatasusunan asal berdasarkan fungsi yang diberikan. Dalam kes kami, fungsi akan membandingkan nama dan umur objek dengan kriteria.

<code class="js">const found_names = names.filter(v => v.name === "Joe" && v.age < 30);</code>

Penyelesaian ini menggunakan fungsi anak panah (ES6) untuk menguji setiap elemen dalam tatasusunan. Jika kedua-dua nama dan syarat umur dipenuhi, elemen akan dimasukkan dalam tatasusunan baharu.

Fungsi jQuery.grep():

Jika anda menggunakan jQuery, anda juga boleh menggunakan fungsi jQuery.grep() untuk melaksanakan penapisan.

<code class="js">var found_names = $.grep(names, function(v) {
    return v.name === "Joe" && v.age < 30;
});</code>

jQuery.grep() mengambil tatasusunan dan fungsi panggil balik sebagai argumen. Fungsi panggil balik, serupa dengan fungsi anak panah dalam penyelesaian pertama, menilai setiap elemen dalam tatasusunan terhadap keadaan yang ditentukan.

Atas ialah kandungan terperinci Bagaimana untuk Menapis Susunan Objek dalam 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