JS中forEach的赋值问题

代码

var oldArr = [{
       id: 0,
       name: 'a',
       age: 10
   },
   {
       id: 1,
       name: 'hhh',
       age: 13
   },
   {
       id: 2,
       name: 'ooo',
       age: 17
   }
]
var newArr = oldArr.forEach(
   item => {
       console.log('item',item)
       item.title = item.name
   }
)
console.log('oldArr', oldArr)
console.log('newArr', newArr)

图片

笔记

• forEach()为每个数组元素执行一次callback函数；与map()或者reduce()不同的是，它总是返回undefined值，并且不可链式调用。其典型用例是在一个调用链的最后执行副作用（side
  effects，函数式编程上，指函数进行 返回结果值 以外的操作）。
• forEach()被调用时，不会改变原数组，也就是调用它的数组

解决：

let newArr = []
oldArr.forEach(item => {
	const obj = {}
	obj.title = item.name
	newArr.push(obj)
})

转载： https://segmentfault.com/q/1010000022111757