美文网首页
js数组map遍历。

js数组map遍历。

作者: 春风本是人间客 | 来源:发表于2020-07-09 15:02 被阅读0次

    返回新数据,对原数组不影响。

    原来的写法:

    for(var i in list){
        list[i].type = 1
    }
    
    

    优化后:

    var newList = list.map(item => {
        item.type = 1;
        return item;
    })
    
    或
    
    list.map(item => {
        item.type = 1;
    })
    var newList = list;
    
    

    当数组是数字时:

    var arr = [4, 9, 16, 25];
    var brr = arr.map(val => val+1);
    brr; // [5, 10, 17, 26]
    arr; // [4, 9, 16, 25]
    

    当数组是对象时:

    var arr = [{name:'小明'},{name:'小红'}];
    var brr = arr.map(val=> val.sex = 1);
    var crr = arr.map(val => {val.age = 18;return val});
    arr; // [{name:'小明', sex: 1, age: 18},{name:'小红', sex: 1, age: 18}]
    brr; // [1, 1]
    crr; // [{name:'小明', sex: 1, age: 18},{name:'小红', sex: 1, age: 18}]
    

    可以看到,arr原数组表面上是已经被改变的了,实际上是对象的引用,所以在map里面改变,会导致新值和旧值都改变。

    相关文章

      网友评论

          本文标题:js数组map遍历。

          本文链接:https://www.haomeiwen.com/subject/emqscktx.html