JS filter使用
Posted Jade
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS filter使用相关的知识，希望对你有一定的参考价值。
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){ return item>30; }); //实现方法2 document.getElementById(‘test2‘).innerText=ages.filter(checkAge); //实现方法3 document.getElementById(‘test3‘).innerText=ages.filter(item=> item > 20); } </script> </head> <body> <div id="test"></div> <div id="test2"></div> <div id="test3"></div> </body> </html>
方法3 是ES6语法 箭头函数，实际上就是等价于，这样实现看起来比较高大上，代码也少了很多
function checkAge(age){
return age >20;
}
有点类似于c#中Lambda表达式，@[email protected]，真是天下语言一个样
以上是关于JS filter使用的主要内容，如果未能解决你的问题，请参考以下文章