JS中filter( )数组过滤器的使用
2021-11-09 04:08
766 查看
目录
一、前言
数组过滤器是前端数据处理的一种常用方法,对于前端来说,后端返回的数据我们需要经过处理以后才能获取到自己想要的数据,进行进一步的操作。有时候后端返回给我我们的值仅可以作为参考。
二、方法简介
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 } ]
总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!
您可能感兴趣的文章:相关文章推荐
- JS使用filter实现数组去重
- java 使用全局过滤器Filter之后 防止css文件与js文件被过滤
- Swift 4.0 数组(Array)之过滤器(filter)的使用
- 详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
- Vue.js使用filter自定义过滤器对时间进行格式化(javascript原生写法)
- java 使用全局过滤器Filter之后 防止css文件与js文件被过滤
- Vue.js 过滤器的使用filter
- 5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
- 使用js判断数组中是否包含某一元素(类似于php中的in_array())
- 使用jQuery对js对象和数组的遍历以及序列化
- IO流-FilenameFilter接口--文件过滤器的使用---筛选特定文件
- Json 映射 的使用 及 JS 数组的使用
- 在struts2中使用过滤器filter
- js使用数组
- showModalDialog 子窗口向父窗口传递数组,js的使用
- js数组的使用
- js中数组的使用方法
- PHP内置过滤器FILTER使用实例
- js 使用for循环遍历数组
- Servlet3.0-使用注解定义过滤器(Filter)