Rumah  >  Artikel  >  hujung hadapan web  >  pelaksanaan penapis javascript

pelaksanaan penapis javascript

PHPz
PHPzasal
2023-05-16 11:53:07460semak imbas

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:

  • currentValue: elemen semasa sedang diproses dalam tatasusunan
  • indeks: Subskrip elemen semasa dalam tatasusunan
  • arr: tatasusunan sedang diproses
  • Nilai ini (pilihan): gunakan nilai ini sebagai ini apabila objek dilaksanakan sebagai fungsi (iaitu. konteks pelaksanaan fungsi)
filter() menerima fungsi sebagai parameter, yang menerima tiga parameter: elemen semasa, indeks elemen semasa dan keseluruhan tatasusunan. Fungsi mesti mengembalikan nilai Boolean yang menunjukkan sama ada elemen semasa memenuhi syarat. Jika benar dikembalikan, elemen akan dikekalkan dalam tatasusunan baharu, jika tidak ia akan ditapis keluar.

Mari kita lihat contoh, dengan mengandaikan terdapat tatasusunan yang menyimpan integer dari 1 hingga 10.

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!

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