JavaScript中Array的filter函数详细解释与示例

分类:知识百科 日期: 点击:0

JavaScript中Array的filter函数

Array的filter函数是JavaScript中一个非常有用的函数,它可以帮助我们快速地从一个数组中筛选出需要的元素。它接受一个函数作为参数,每次传入数组的一个元素,如果函数返回true,则该元素会被放入一个新的数组中,最终返回一个新的数组。

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// 过滤出大于5的数
var result = array.filter(function(item) {
    return item > 5;
});

console.log(result); // [6, 7, 8, 9, 10]

上面的代码中,我们使用了filter函数来过滤出一个数组中大于5的元素,最终得到了一个新的数组[6, 7, 8, 9, 10]。

filter函数也可以用于对象数组,我们可以根据某个属性来过滤出我们需要的对象:

var users = [
    {name: 'Tom', age: 18},
    {name: 'Jack', age: 20},
    {name: 'John', age: 22},
    {name: 'Mary', age: 16},
    {name: 'Alice', age: 19}
];

// 过滤出年龄大于18的用户
var result = users.filter(function(user) {
    return user.age > 18;
});

console.log(result);
/* 
[
    {name: 'Jack', age: 20},
    {name: 'John', age: 22},
    {name: 'Alice', age: 19}
]
*/

上面的代码中,我们使用了filter函数来过滤出一个对象数组中年龄大于18的对象,最终得到了一个新的数组。

filter函数是一个非常有用的函数,它可以帮助我们快速地从一个数组中筛选出需要的元素,是一个非常方便的工具。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。