js中数组的filter过滤器的理解

sun6sian

于 2018-08-04 11:38:38 发布

阅读量2.3w

点赞数 4

分类专栏：技术

本文链接：https://blog.youkuaiyun.com/weixin_42412046/article/details/81409115

版权

技术专栏收录该内容

14 篇文章

订阅专栏

本文介绍了 JavaScript 中 filter() 方法的基本概念及其用法。filter() 方法能够帮助开发者从数组中筛选出符合条件的元素，并创建新的数组。文章详细解释了 filter() 的参数及返回值，并提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义和用法

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。

语法

array.filter(function(currentValue,index,arr), thisValue)

参数说明

参数

描述

function(currentValue, index,arr)

必须。函数，数组中的每个元素都会执行这个函数
函数参数:

参数	描述
currentValue	必须。当前元素的值
index	可选。当前元素的索引值
arr	可选。当前元素属于的数组对象

thisValue

可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。
如果省略了 thisValue ，"this" 的值为 "undefined"

实例

返回数组中所有年龄大于18的元素集合

        let sunArr = [{
            id: '1',
            name: 'lee',
            age: '20'
        }, {
            id: '2',
            name: 'sun6sian',
            age: '24'
        }]
        newArr = sunArr.filter((item, index, arr) => item.age > 18)

结果是