js中map与forEach的区别

map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。所以map()方法是有返回值的，且map()方法不会影响到原数组。
forEach方法对数组的每个元素执行一次提供的函数。且它的返回值是undefined。
map的回调函数中必须有返回值，否则会返回一个全是“undefined”值的数组。

let arr = [1,2,3,4,5]
let result = arr.map(function(item){ item+1 })
//result的值为 [undefined, undefined, undefined, undefined, undefined]

正确的应该是

let arr = [1,2,3,4,5]
let result = arr.map(item => item + 1) 
//此处相当于
let result = arr.map(function(item){ return item+1 })
//result的值为 [2,3,4,5,6]

//如果数组中的元素是对象，将对象进行操作之后，需要将对象返回。
let list = [
	{
		name: 'js',
		year: 10
	},
	{
		name: 'java',
		year: 15	
	}
]
list.map(item => {item.type = 'IT';return item})
//返回值
//[{name:'js',type:'IT',year:10},{name:'java',type:'IT',year:15}]
如果是这么写的话：
list.map(item => item.type = 'IT')
//返回值为  ['IT','IT']

本次记录的主要是关于两者的返回值情况以及map()回调函数中必须有返回值。其他具体细节可参考MDN上对于两个方法的具体介绍。
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach