Rumah hujung hadapan web tutorial js filter函数怎么使用

filter函数怎么使用

Feb 21, 2019 pm 04:08 PM
filter

JavaScript中的arr.filter()函数用于从给定数组创建一个新数组,该数组仅包含给定数组中满足参数函数设置条件的那些元素。下面我们就来具体看一下filter()的使用方法。

JavaScript

filter()的基本语法如下:

var newArray = arr.filter(arg_function[, this_arg])
Salin selepas log masuk

filter()函数的参数是另一个函数,它定义要为数组的每个元素检查的条件。这个arg_function本身有三个参数:

array:这是调用.filter()函数的数组

index:这是函数处理的当前元素的索引。

element:这是函数正在处理的当前元素。

另一个参数this_arg用于表示函数在执行参数函数时使用此值。

下面我们来看具体的示例

函数filter()创建一个新数组,该数组仅包含满足isPositive()函数检查的条件的元素。

例1:

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>

<script> 
function isPositive(value) { 
  return value > 0; 
} 
  
function func() { 
    var filtered = [112, 52, 0, -1, 944].filter(isPositive); 
    document.write(filtered); 
} 
func(); 
</script> 
</body>
</html>
Salin selepas log masuk

输出结果为:112,52,944

例2:

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
<script> 
function isEven(value) { 
  return value%2 == 0; 
} 
  
function func() { 
    var filtered = [11, 98, 31, 23, 944].filter(isEven); 
    document.write(filtered); 
} 
func(); 
</script> 
</body>
</html>
Salin selepas log masuk

输出结果为:98,944

本篇文章到这里就已经全部结束了,更多精彩内容大家可以关注php中文网的其他相关栏目教程!!!

Atas ialah kandungan terperinci filter函数怎么使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Akan R.E.P.O. Ada Crossplay?
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menyelesaikan ralat '[Vue warn]: Gagal menyelesaikan penapis'. Bagaimana untuk menyelesaikan ralat '[Vue warn]: Gagal menyelesaikan penapis'. Aug 19, 2023 pm 03:33 PM

Kaedah untuk menyelesaikan ralat "[Vuewarn]:Failedtoresolvefilter" Semasa proses pembangunan menggunakan Vue, kadangkala kita menghadapi mesej ralat: "[Vuewarn]:Faildtoresolvefilter". Mesej ralat ini biasanya berlaku apabila kami menggunakan penapis yang tidak ditentukan dalam templat. Artikel ini menerangkan cara menyelesaikan ralat ini dan memberikan contoh kod yang sepadan. Apabila kita berada di Vue

Apakah prinsip dan kaedah pendaftaran penapis dalam Springboot Apakah prinsip dan kaedah pendaftaran penapis dalam Springboot May 11, 2023 pm 08:28 PM

1. Penapis Lihat dahulu lokasi penapis pelayan web. Penapis ialah rantai yang disambungkan sebelum dan selepas Selepas pemprosesan sebelumnya selesai, ia dihantar ke penapis seterusnya untuk diproses. 1.1Kaedah penapisan antara muka definisi publicinterfaceFilter{//Initialization, hanya dilaksanakan sekali dalam keseluruhan kitaran hayat. //Perkhidmatan penapisan tidak boleh disediakan sehingga kaedah init berjaya dilaksanakan (kegagalan seperti membuang pengecualian, dsb.). //Parameter FilterConfig digunakan untuk mendapatkan parameter permulaan publicvoidinit(FilterConfigfilterConfig)throwsServletException;//

Bagaimana untuk menapis dalam java Bagaimana untuk menapis dalam java Apr 18, 2023 pm 11:04 PM

Nota 1. Jika parameter Lambda menjana nilai benar, penapis (Lambda yang boleh menjana hasil boolean) akan menjana elemen 2. Apabila palsu dijana, elemen ini tidak akan digunakan lagi. Contoh untuk mencipta koleksi Senarai: ListstringCollection=newArrayList();stringCollection.add("ddd2");stringCollection.add("aaa2");stringCollection.add("bbb1");stringC

Bagaimana untuk menyepadukan Penapis dalam SpringBoot2 Bagaimana untuk menyepadukan Penapis dalam SpringBoot2 May 16, 2023 pm 02:46 PM

Mula-mula tentukan Penapis untuk pemintasan URL akses bersatu. Kodnya adalah seperti berikut: publicclassUrlFilterimplementsFilter{privateLoggerlog=LoggerFactory.getLogger(UrlFilter.class);@OverridepublicvoiddoFilter(ServletRequestrequest,ServletResponseresponse,FilterChainchain)throwsIOException,ServletException{H

Analisis sifat visual CSS: bayangan kotak, bayangan teks dan penapis Analisis sifat visual CSS: bayangan kotak, bayangan teks dan penapis Oct 20, 2023 pm 12:51 PM

Analisis sifat visual CSS: bayangan kotak, bayangan teks dan penapis Pengenalan: Dalam reka bentuk dan pembangunan web, CSS boleh digunakan untuk menambah pelbagai kesan visual pada elemen. Artikel ini akan menumpukan pada tiga sifat penting bayang-kotak, bayang-bayang teks dan penapis dalam CSS, termasuk paparan penggunaan dan kesannya. Di bawah ini kami menganalisis ketiga-tiga sifat ini secara terperinci. 1. box-shadow (bayang kotak) box-shadow

Penjelasan terperinci tentang sifat kabur CSS: penapis dan penapis latar belakang Penjelasan terperinci tentang sifat kabur CSS: penapis dan penapis latar belakang Oct 20, 2023 pm 04:48 PM

Penjelasan terperinci tentang sifat kabur CSS: penapis dan penapis latar belakang Pengenalan: Semasa mereka bentuk halaman web, kami sering memerlukan beberapa kesan khas untuk meningkatkan daya tarikan visual halaman. Kesan kabur adalah salah satu daripada kesan khas yang biasa. CSS menyediakan dua atribut kabur: penapis dan penapis latar belakang, yang digunakan untuk mengaburkan kandungan elemen dan kandungan latar belakang masing-masing. Artikel ini menerangkan kedua-dua sifat ini secara terperinci dan menyediakan beberapa contoh kod konkrit. 1. penapis

Kelas pilihan dalam Java 8: Bagaimana untuk menapis kemungkinan nilai nol menggunakan kaedah penapis(). Kelas pilihan dalam Java 8: Bagaimana untuk menapis kemungkinan nilai nol menggunakan kaedah penapis(). Aug 01, 2023 pm 05:27 PM

Kelas pilihan dalam Java8: Cara menggunakan kaedah penapis() untuk menapis kemungkinan nilai nol Dalam Java8, kelas Pilihan ialah alat yang sangat berguna yang membolehkan kami mengendalikan nilai mungkin nol dengan lebih baik dan mengelakkan berlakunya NullPointerException. Kelas Pilihan menyediakan banyak kaedah untuk memanipulasi nilai null yang berpotensi, salah satu kaedah penting ialah penapis(). Fungsi kaedah penapis() ialah jika Option

Cara menggunakan penapis untuk memformat dan memproses data dalam Vue Cara menggunakan penapis untuk memformat dan memproses data dalam Vue Oct 15, 2023 pm 03:50 PM

Vue menggunakan penapis untuk memformat dan memproses data Dalam Vue, kami boleh memformat dan memproses data dengan menggunakan penapis. Penapis ialah fungsi yang boleh dipanggil terus dalam templat Ia boleh memproses data untuk dipaparkan dan mengembalikan hasil yang diproses. Dalam artikel ini, kami akan memperkenalkan cara menggunakan penapis untuk memformat dan memproses data serta memberikan contoh kod khusus. Daftar penapis Dalam contoh Vue, kita perlu mendaftarkan penapis terlebih dahulu supaya ia boleh digunakan dalam model

See all articles