JS filter使用
阿新 • • 發佈：2018-09-15
ack tle item charset lam 代碼 func () innertext
filter 用於篩選數組中符合條件的所以元素，filter只能接受函數
註意：filter只返回篩選結果，不會對原來數組改變
實現方法：
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> var ages=[10,20,30,50,80]; function checkAge(age){ return age >30; } window.onload=function(){ //實現方法1 document.getElementById(‘test‘).innerText=ages.filter(function(item){ returnitem>30; }); //實現方法2 document.getElementById(‘test2‘).innerText=ages.filter(checkAge); //實現方法3 document.getElementById(‘test3‘).innerText=ages.filter(item=> item > 20); } </script> </head> <body> <divid="test"></div> <div id="test2"></div> <div id="test3"></div> </body> </html>
方法3 是ES6語法 箭頭函數，實際上就是等價於，這樣實現看起來比較高大上，代碼也少了很多
function checkAge(age){
return age >20;
}
有點類似於c#中Lambda表達式，@~~@，真是天下語言一個樣
JS filter使用