js数组的filter()函数

最新推荐文章于 2025-07-01 18:52:30 发布

gaobw1

最新推荐文章于 2025-07-01 18:52:30 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript 函数 filter 遍历

本文链接：https://blog.youkuaiyun.com/gaobw1/article/details/78037255

js 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了JavaScript数组中的filter方法的使用方式，包括其参数、返回值及应用场景，并通过实例展示了如何利用filter来筛选数组元素。

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

js数组的filter函数

返回值：一个新数组
参数：一个回调函数，回调函数有3个参数，依次是value，index，array
作用：用来过滤掉一个数组中你不需要的元素

1.提取一个数组中你需要的元素

var arr=[1,2,3];
var newArr = arr.filter(
(value,index,array)=>{
    return value>1;//遍历数组，如果如果返回true则将该元素存储到新数组中
});
console.log("newArray:",newArr);//newArray:  [2, 3]
console.log("arr:",arr);//arr: [1, 2, 3]

2.回调函数直接return true

var arr=[1,2,3];
var newArr=arr.filter(
(value,index,array)=>{
    return true;//返回该数据所有元素
});
console.log("newArray:",newArr);//newArray:  [1, 2, 3]
console.log("arr:",arr);//arr: [1, 2, 3]

3.回调函数return false

var arr=[1,2,3];
var newArr=arr.filter(
(value,index,array)=>{
    return false;//返回空数据
});
console.log("newArray:",newArr);//newArray: []
console.log("arr:",arr);//arr: [1, 2, 3]

4.回调函数没有return 语句，相当于return false，返回空数组

var arr=[1,2,3];
var newArr=arr.filter(
(value,index,array)=>{
    //没有return语句
});
console.log("newArray:",newArr);//newArray:  []
console.log("arr:",arr);//arr: [1, 2, 3]