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表达式,@~~@,真是天下语言一个样
JS filter使用
原文地址:https://www.cnblogs.com/wms01/p/9652040.html