map遍历数组

397 阅读1分钟

map遍历数组

原数组的每一项执行函数后,返回一个新的数组。原数组不变

运用场景1:[1, 2, 3, 4, 5, 6] 将原有数组中每一项的数据加10返回新数组

let arr = [1, 2, 3, 4, 5, 6]
//用map遍历数组,把遍历的新数组赋值给newArr
let newArr = arr.map(function(v, i) {
   return v + 10
})
console.log(newArr); //[11, 12, 13, 14, 15, 16]

运用场景2:这个数组 ['13','3','79','1','10','24','78','2'] 个位数补0返回新数组

let arr = ['13', '3', '79', '1', '10', '24', '78', '2']
let newArr = arr.map(function(v, i) {
	return +v < 10 ? '0' + v : v
 })
console.log(newArr);//['13', '03', '79', '01', '10', '24', '78', '02']

运用场景3: 遍历数组arr,给所有人的age+1

let arr = [{
            name: '李狗蛋',
            age: 16,
            sex: '男'
        }, {
            name: '张翠花',
            age: 20,
            sex: '女'
        }, {
            name: '赵铁柱',
            age: 25,
            sex: '男'
        }, {
            name: '王小二',
            age: 19,
            sex: '男'
        }]
        let newArr = arr.map(function(v, i) {
            v.age += 1
            return v
        })
        console.log(newArr);