js数组中的map方法使用实例

版权声明： https://blog.csdn.net/lhjuejiang/article/details/82192439

对于map方法我之前是有总结的：而且MDN上面也比较详细，所以这里我主要是写几个小例子方便理解

详细内容查看：MDN|map

例1：

var arr = [1,2,3,4,5,6,7];
 var ar = arr.map(function(elem){
    return elem*4;
 });
 console.log(ar);//[4, 8, 12, 16, 20, 24, 28]
console.log(arr);//[1,2,3,4,5,6,7]

例2：

    let arr = [1,2,3,4,5]
    let newArr = arr.map((item)=>{
        item =  item<2?item=3:item
        return item
    })
    console.log(newArr)//[3, 2, 3, 4, 5]

例3：

    let arr = [1,2,3,4,5]
    let newArr = arr.map((item)=>{
        return item>3
    })
    console.log(newArr)//[false, false, false, true, true]

注意：使用map方法会产生一个新的数组，数组的每一项就是我们return出去的值（所以map方法必须有返回值，如果没有return，那么新数组的每一项都为undefined），数组的个数与原数组一样