Rumah > Artikel > hujung hadapan web > pelaksanaan penapis javascript
Terdapat banyak fungsi terbina dalam dalam Javascript, filter() adalah salah satunya. Fungsinya adalah untuk menapis elemen yang memenuhi kriteria daripada tatasusunan dan mengembalikan tatasusunan baharu. Sintaks
filter() adalah seperti berikut:
array.filter(function(currentValue, index, arr), thisValue)
Penerangan parameter:
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];Sekarang kami mahu menapis semua elemen yang lebih besar daripada atau sama dengan 5. Ini boleh dicapai melalui kaedah penapis():
const result = numbers.filter(function(number) { return number >= 5; }); console.log(result); // 输出 [5, 6, 7, 8, 9, 10]Dalam kod di atas, fungsi penapis() menerima fungsi yang nilai pulangannya adalah benar atau palsu. Dalam fungsi ini, benar dikembalikan jika elemen semasa lebih besar daripada atau sama dengan 5. Jika tidak, jika elemen semasa kurang daripada 5, false dikembalikan. Akhir sekali, elemen yang memenuhi kriteria, iaitu elemen yang lebih besar daripada atau sama dengan 5, dikekalkan dan dikembalikan dalam bentuk tatasusunan baharu. Selain mentakrifkan fungsi, anda juga boleh menggunakan trengkas fungsi anak panah:
const result = numbers.filter(number => number >= 5); console.log(result); // 输出 [5, 6, 7, 8, 9, 10]Kaedah penapis() juga boleh digunakan pada objek dalam tatasusunan. Katakan anda mempunyai tatasusunan yang menyimpan maklumat tentang berbilang orang.
const people = [ { name: 'Lucas', age: 25 }, { name: 'Emma', age: 21 }, { name: 'Tom', age: 30 }, { name: 'Jane', age: 18 }, ];Kini kami ingin menapis orang yang berumur 25 tahun ke atas. Ini boleh dicapai melalui kaedah penapis():
const result = people.filter(function(person) { return person.age >= 25; }); console.log(result); // 输出 [{ name: 'Lucas', age: 25 }, { name: 'Tom', age: 30 }]Begitu juga, kita juga boleh menggunakan singkatan fungsi anak panah:
const result = people.filter(person => person.age >= 25); console.log(result); // 输出 [{ name: 'Lucas', age: 25 }, { name: 'Tom', age: 30 }]Dalam pembangunan sebenar, kaedah penapis() sering digunakan untuk menapis data yang memenuhi syarat , seperti dalam carian, penapisan, pengelasan dan senario lain. Ia mudah dan mudah digunakan, dan boleh menapis elemen tatasusunan dengan cepat Ia boleh dikatakan sebagai salah satu kaedah yang sangat diperlukan dalam pembangunan.
Atas ialah kandungan terperinci pelaksanaan penapis javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!