JS过滤器（filter）的用法

JavaScript014

JS过滤器（filter）的用法,第1张

有时候我们想筛选出一个对象列表中符合某个属性特征的列表，这个时候我们就可以使用js中的filter功能了。

function(currentValue, index,arr)

①currentValue:必须。当前元素的值

②index:可选。当前元素的索引值

③arr:可选。当前元素属于的数组对象

借鉴自： https://www.cnblogs.com/yddzyy/p/13272110.html

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。

| 参数 | 描述 |

| function(currentValue, index,arr) | 必须。函数，数组中的每个元素都会执行这个函数

函数参数:

| 参数 | 描述 |

| currentValue | 必须。当前元素的值 |

| index | 可选。当期元素的索引值 |

| arr | 可选。当期元素属于的数组对象 |

|

| thisValue | 可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。

如果省略了 thisValue ，"this" 的值为 "undefined" |

首先回顾一下filter的作用：过滤数组中符合条件的元素

另外也可以用来过滤对象数组中符合条件的对象，eg：

|

目前比较常用的方法是使用ES6的set完成，eg：

结合map使用可以先过滤出符合条件的对象然后去除某些不需要的字段,比如:

简单讲filter就是一个数组过滤器，参数接收一个函数，数组的每一项经过函数过滤，返回一个符合过滤条件的新数组

函数接收三个参数：

兄台多虑了，以我个人见解，这个功能应该是前端js搞不定，你js什么时候加载就是个问题，第二个问题就是js也检测不到网络请求，那是浏览器干的事。

但是针对缓存这事，一个是在服务端设置，也就少web服务或者少CDN那设置缓存。很多情况下，图片，css都是默认缓存的，你打开开发者工具之后确保禁用缓存的复选框取消，你刷新一下，看看那图片、css是不是就是304状态。