ES6的map、filter对象在项目中的使用,通俗易懂

本文介绍了JavaScript中map()和filter()方法的使用,通过实例展示了如何遍历数组并对每个元素进行转换(map),以及筛选出符合条件的元素(filter)。这两个高阶函数在处理数组时非常实用,不会改变原始数组且适用于多种场景。
摘要由CSDN通过智能技术生成

var numbers = ['a', 'b','c','d']; //原始数组
let newArr = numbers.map((item,index,numbers)=>{
        //     数组         值   索引   数组
    return `${item}是我队长,别开枪`;  
});
console.log(newArr)
// `${ }`,可以拼接字符串,如果不熟悉可以查一下

由图可见会返回一个新数组,数组中的元素为原始数组元素处理后的值。

注意!! map() 不会对空数组进行检测。

注意!! map() 不会改变原始数组。

 console.log(numbers)        //   输出看一下原数组

原数组是没有变化的

 就相当于把原数组拿出来循环一下,你可以对数组的每一项进行你想要的操作,之后存到一个新的变量里使用,而且不会对原数组进行影响。

 filter这个和map一样,但返回的是满足条件的item,把不满足条件的过滤掉。

var numbers = [1, 10,100,500]; //原始数组
let newArr = numbers.filter((item,index,numbers)=>{
        //     数组         值   索引   数组
    return item > 99;  
});
console.log(newArr)
// `${ }`,可以拼接字符串,如果不熟悉可以查一下

结果为 [100,500]

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值