JS中filter()数组过滤器的使用
作者:闭包旅人时间:2026-10-24 18:02:37浏览:121
本文介绍JavaScript中filter()数组过滤器的使用方法。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 } ]
总结
本文到此结束,希望能为大家提供帮助。欢迎持续关注本站,获取更多技术内容!
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
