filter过滤函数的使用

前言

当我们从后端请求到数据列表时，我们需要对其中符合条件的数据进行筛选、当我们拿到数据，我们希望把英文首字母大写，数组去重等等

定义和用法

filter 用于对数组进行过滤。
filter 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素
filter 不会对空数组进行检测；不会改变原始数组

语法

参数	描述
`currentValue`	当前元素的值（必选项）
`index`	当前元素的索引值（可选项）
`arr`	当前元素的数组对象（可选项）

Array.filter((currentValue, index, arr) => {})

实例

返回数组中所有大于 6 的元素

let Array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
let newArr = Array.filter((item) => {return item > 6
})
console.log(newArr) // [7,8,9,10]

遍历数组中的所有偶数

let Array = [1, 2, 3, 4, 5, 6]
let newArr = Array.filter((item) => {return item % 2 === 0
})
console.log(newArr) //[2,4,6]

对数组进行去重
- indexOf 总是返回第一个元素的位置，后续的重复元素位置与 indexOf 返回的位置不相等，因此被 filter 滤掉了，所以重复的元素仅会保留第一个位置的元素

let Array = [1, 2, 2, 3, 3, 4, 4, 5,5, 6]
let newArr = Array.filter(item,index.arr =>{return arr.indexof(item) === index
})
console.log(newArr);//[1,2,3.4,5,6]

删除数组中的空字符串

let Array = [1, '', 2, 3, '', 4, 5, '', 6]
let newArr = Array.filter((item) => {return item && item.trim()
})
console.log(newArr) //[1,2,3,4,5,6,]

filter过滤函数的使用相关推荐

TDI Filter 过滤驱动
By Fanxiushu 2013, 引用和转载请注明原作者为了让大家有兴趣阅读下去, 举个正在使用的可能大家都比较熟悉的例子: 360 的安全卫士里,有个流量防火墙的功能, 它可以监视每个进程的 ...
python logger filter_使用Filter过滤python中的日志输出的实现方法
事情是这样的,我写了一个tornado的服务,过程当中我用logging记录一些内容,由于一开始并没有仔细观察tornado自已的日志管理,所以我就一般用debug来记录普通日志,error记录有问题 ...
js中数组filter过滤奇偶数_js--数组的filter()过滤方法的使用
前言你还在通过for循环遍历数组吗?你还在遍历之后一项一项的通过if判断过滤你需要的数据吗?你还在写着一大堆代码实现一个简单的过滤数据功能吗?那么,今天他来了.他就是这里要介绍的es6中数组filt ...
Filter过滤词汇
Filter过滤词汇(增强返回) 1.首先Filter使用注解设置拦截路径,将工程下的所有资源请求都拦下来 2.登录Servlet,在URL上传送数据,并在Servlet上的Post或是Get上对传送 ...
filter()过滤
filter()过滤:创建一个新数组,其包含通过提供函数实现的测试的所有元素 var arr = [{name:'Jane', age: 22, sex:'female'},{name:'Linda' ...
java过滤函数,过滤函数 (Sun Java System Portal Server 7.2 管理指南)
过滤函数过滤函数在"元数据"和"数据"阶段运行,以根据函数及其属性指定的具体条件来允许或拒绝资源.在 filter.conf 文件的"枚举" ...
jQuery - Traversing遍历器 - filter过滤
jQuery - Traversing遍历器 - filter过滤 [Traversing/filter文档] http://docs.jquery.com/Traversing/filter [示例 ...
Elasticsearch query和filter过滤有什么不同
1. 概述在使用DSL进行Elasticsearch的查询中,通常我们都是使用query进行过滤匹配,比如下面这段代码 GET /my_index/_search {"query" ...
验证多个Filter过滤一个资源时执行顺序
当有多个Filter过滤一个资源时,执行顺序到底是怎样? 如下测试: 定义两个Filter,FirstFilter,SecondFilter,它们过滤同一个index.jsp页面,并且SecondFi ...

filter过滤函数的使用

前言

定义和用法

语法

实例

filter过滤函数的使用相关推荐

最新文章

热门文章