filter 和 map 做比较

高阶函数做比较

  • filter

    let a = [1,2,3];
    let b = a.filter((item)=>{
    item = item*2
    return item > 4;
    });
    console.log(‘bbbbb’,b,a); => b = [3], a = [1, 2, 3]

  • map

    let a = [1,2,3];
    let b = a.filter((item)=>{
    item = item*2
    return item;
    });
    console.log(‘bbbbb’,b,a); => b = [2, 4, 6], a = [1, 2, 3]

filter 返回的数组是从原数组中过滤出来,只从原数组中过滤
map 返回新数组,但不会修改原数组的引用

当然可以! 首先,让我们来介绍一下JavaScript中的filtermap方法。 1. filter方法: filter方法是JavaScript数组对象的一个内置方法,它用于筛选数组中的元素,并返回一个新的数组,新数组中只包含满足指定条件的元素。 语法: array.filter(callback(element[, index[, array]])[, thisArg]) 其中,callback是一个用来测试每个元素的函数,它可以接受三个参数: - element:当前正在被处理的元素。 - index(可选):当前正在被处理的元素在数组中的索引。 - array(可选):调用filter方法的数组。 示例: ```javascript const numbers = [1, 2, 3, 4, 5]; const evenNumbers = numbers.filter((num) => num % 2 === 0); console.log(evenNumbers); // 输出 [2, 4] ``` 2. map方法: map方法也是JavaScript数组对象的一个内置方法,它用于对数组中的每个元素进行操作,并返回一个新的数组,新数组中包含了操作后的结果。 语法: array.map(callback(element[, index[, array]])[, thisArg]) 其中,callback是一个用来操作每个元素的函数,它可以接受三个参数: - element:当前正在被处理的元素。 - index(可选):当前正在被处理的元素在数组中的索引。 - array(可选):调用map方法的数组。 示例: ```javascript const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map((num) => num * 2); console.log(doubledNumbers); // 输出 [2, 4, 6, 8, 10] ``` 总结一下: - filter方法用于筛选数组中的元素,返回满足条件的新数组。 - map方法用于对数组中的每个元素进行操作,返回操作后的新数组。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值