js数组map遍历。
2020-07-09 本文已影响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里面改变,会导致新值和旧值都改变。