我的github
posts - 3243,  comments - 42,  views - 158万
javascript 数组 filter

在JavaScript中,filter方法被用于创建一个新数组,该数组包含通过提供的函数实现的测试的所有元素。

解法1:基本使用方法

 
let numbers = [4, 9, 16, 25, 29];
let newNumbers = numbers.filter(num => num > 10);
console.log(newNumbers); // 输出:[16, 25, 29]
 

在上述代码中,我们创建了一个新的数组newNumbers,该数组只包含原始数组numbers中大于10的元素。

解法2:使用多个条件

如果你想在数组中过滤出多个条件的元素,你可以使用逻辑运算符。

let numbers = [4, 9, 16, 25, 29];
let newNumbers = numbers.filter(num => num > 10 && num % 2 === 0);
console.log(newNumbers); // 输出:[16, 25]

在上述代码中,我们创建了一个新的数组newNumbers,该数组只包含原始数组numbers中大于10且是偶数的元素。

解法3:使用filter函数进行更复杂的过滤

如果你想在数组中过滤出更复杂的元素(例如对象),你可以使用更复杂的函数。

let users = [
{ 'user': 'barney', 'age': 36, 'active': true },
{ 'user': 'fred', 'age': 40, 'active': false }
];
let activeUsers = users.filter(user => user.active);
console.log(activeUsers); // 输出:[{ 'user': 'barney', 'age': 36, 'active': true }]

在上述代码中,我们创建了一个新的数组activeUsers,该数组只包含users数组中活跃用户的元素。

注意:filter函数不会改变原始数组,它返回一个新的数组,包含满足条件的元素。

提示:AI自动生成,仅供参考
posted on   XiaoNiuFeiTian  阅读(44)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
历史上的今天:
2023-10-30 OpenGlobe之ShaderProgramGL3x
2023-10-30 OpenGlobe之ShaderObjectGL3x
2023-10-30 C# 构造函数的重载
2020-10-30 天地图sdk
2020-10-30 C#与COM组件
2020-10-30 C#组件
2019-10-30 java jts
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示