javascript中filter的作用是創(chuàng)建一個(gè)新的數(shù)組,且新數(shù)組中的元素是通過(guò)檢查指定數(shù)組中符合條件的所有元素,其使用語(yǔ)法是“array.filter(function(currentValue,index,arr)…)”。
本文操作環(huán)境:Windows7系統(tǒng)、javascript1.8.5版、DELL G3電腦
javascript中filter的用法是什么?
filter() 方法創(chuàng)建一個(gè)新的數(shù)組,新數(shù)組中的元素是通過(guò)檢查指定數(shù)組中符合條件的所有元素。
注意: filter() 不會(huì)對(duì)空數(shù)組進(jìn)行檢測(cè)。
注意: filter() 不會(huì)改變?cè)紨?shù)組。
語(yǔ)法
array.filter(function(currentValue,index,arr), thisValue)
參數(shù)說(shuō)明
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>點(diǎn)擊按鈕返回?cái)?shù)組 ages 中所有元素都大于輸入框指定數(shù)值的元素。</p> <p>最小年齡: <input type="number" id="ageToCheck" value="18"></p> <button onclick="myFunction()">點(diǎn)我</button> <p>所有大于指定數(shù)組的元素有? <span id="demo"></span></p> <script> var ages = [32, 33, 12, 40]; function checkAdult(age) { return age >= document.getElementById("ageToCheck").value; } function myFunction() { document.getElementById("demo").innerHTML = ages.filter(checkAdult); } </script> </body> </html>
效果如下:
推薦學(xué)習(xí):《javascript基礎(chǔ)教程》