filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意: filter() 不会对空数组进行检测。
注意: filter() 不会改变原始数组。
| 参数 | 描述 |
| function(currentValue, index,arr) | 必须。函数,数组中的每个元素都会执行这个函数
函数参数:
| 参数 | 描述 |
| currentValue | 必须。当前元素的值 |
| index | 可选。当期元素的索引值 |
| arr | 可选。当期元素属于的数组对象 |
|
| thisValue | 可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。
如果省略了 thisValue ,"this" 的值为 "undefined" |
首先回顾一下filter的作用:过滤数组中符合条件的元素
另外也可以用来过滤对象数组中符合条件的对象,eg:
|
目前比较常用的方法是使用ES6的set完成,eg:
结合map使用可以先过滤出符合条件的对象然后去除某些不需要的字段,比如:
简单讲filter就是一个数组过滤器,参数接收一个函数,数组的每一项经过函数过滤,返回一个符合过滤条件的新数组
函数接收三个参数:
filter 是根据返回的值是否为真来判断是否保留元素,所以可以这样实现
Array.prototype.filter = Array.prototype.filter || function(func) {var arr = this
var r = []
for (var i = 0 i < arr.length i++) {
if (func(arr[i])) {
r.push(arr[i])
}
}
return r
}
因为目前大部分浏览器有 filter 实现,所以测试时只能改个名字叫 filterx,下面是测试代码
var data = [1,2,3,4,5,6,7]Array.prototype.filterx = Array.prototype.filterx || function(func) {
var arr = this
var r = []
for (var i = 0 i < arr.length i++) {
if (func(arr[i])) {
r.push(arr[i])
}
}
return r
}
console.log(data.filter(function(t) {
return t % 3 > 0
}))
console.log(data.filterx(function(t) {
return t % 3 > 0
}))
过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。总共九种。除此之外还可以自定义过滤器,这个就强大了,可以满足任何要求的数据处理。AngularJS中为我们提供了一些内置的过滤器,这里列举一些自定义过滤器的场景。