JS中filter( )数组过滤器的使用
更新时间:2021年11月02日 15:55:30 作者:勇敢小陈
这篇文章主要介绍了filter() 数组过滤的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
一、前言
数组过滤器是前端数据处理的一种常用方法,对于前端来说,后端返回的数据我们需要经过处理以后才能获取到自己想要的数据,进行进一步的操作。有时候后端返回给我我们的值仅可以作为参考。
二、方法简介
filter( )方法会创建一个新数组,数组中的数据是经过指定数据中过滤出来的符合条件的数据
filter( )的两大特点
1.filter( )不会对空数组进行检测
2.filter( )不会改变原数组
filter( )方法的用法:
array.filter(function(currentValue,index,arr), thisValue) //currentValue:当前元素的值 //index:当前元素的下标 //arr:原数组
三、用法案例
1.获取数组中符合条件的元素
const school = [ { occupation:"老师", age:40 }, { occupation:"学生", age:23 },{ occupation:"程序猿", age:1 } ] var newShool = school.filter(item => item.age > 20) console.log(newShool);//[ { occupation: '老师', age: 40 }, { occupation: '学生', age: 23 } ]
总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!
相关文章
HTML中setCapture、releaseCapture 使用方法浅析
本文给大家简单介绍了下html中的高级拖动技术setCapture、releaseCapture的使用方法,有需要的小伙伴可以参考下2016-09-09JS中onpropertychange和onchange事件区别小结
当一个HTML元素的属性用js改变的时候,都能通过onpropertychange来捕获。例如一个文本text对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。2010-07-07JavaScript中click和onclick本质区别与用法分析
这篇文章主要介绍了JavaScript中click和onclick本质区别与用法,结合实例形式分析了JavaScript中click和onclick的具体概念、功能、使用场景及相关操作技巧,需要的朋友可以参考下2018-06-06
最新评论