filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意: filter() 不会对空数组进行检测。
注意: filter() 不会改变原始数组。
| 参数 | 描述 |
| function(currentValue, index,arr) | 必须。函数,数组中的每个元素都会执行这个函数
函数参数:
| 参数 | 描述 |
| currentValue | 必须。当前元素的值 |
| index | 可选。当期元素的索引值 |
| arr | 可选。当期元素属于的数组对象 |
|
| thisValue | 可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。
如果省略了 thisValue ,"this" 的值为 "undefined" |
首先回顾一下filter的作用:过滤数组中符合条件的元素
另外也可以用来过滤对象数组中符合条件的对象,eg:
|
目前比较常用的方法是使用ES6的set完成,eg:
结合map使用可以先过滤出符合条件的对象然后去除某些不需要的字段,比如:
简单讲filter就是一个数组过滤器,参数接收一个函数,数组的每一项经过函数过滤,返回一个符合过滤条件的新数组
函数接收三个参数:
有时候我们想筛选出一个对象列表中符合某个属性特征的列表,这个时候我们就可以使用js中的filter功能了。
function(currentValue, index,arr)
①currentValue:必须。当前元素的值
②index:可选。当前元素的索引值
③arr:可选。当前元素属于的数组对象
借鉴自: https://www.cnblogs.com/yddzyy/p/13272110.html
相同点:使用语法相同 均不改变原数组
array.filter(function(value, index, arr),thisValue)
array.find(function(value, index, arr),thisValue)
value:必须 代表当前元素 index:可选 当前元素索引
arr:可选 当前数组 thisValue:传递给函数的值,一般用this值,为空时undfined传给this
不同点:find 从数组中查找符合条件的第一个元素并返回。filter从数组中查找符合条件的所有元素并返回数组。
举例:
所以,当查找数组中符合条件的所有元素时用filter,查找数组中符合条件的第一个元素用find。