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 } ]

总结

本文到此结束,希望能为大家提供帮助。欢迎持续关注本站,获取更多技术内容!

作者最新文章