ES6&tip1——forEach()能不能改变原数组？

forEach()介绍

forEach()方法需要一个回调函数（这种函数，是由我们创建但不是由我们调用的）作为参数
回调函数中传递三个参数：

arr.forEach((item,index,arr)=>{
	 ...
})

• 第一个参数，就是当前正在遍历的元素
• 第二个参数, 是当前元素的索引
• 第三个参数，是当前的数组

let arr = ["xx","ww","hh"]
arr.forEach((item,index,arr)=>{
    console.log("item: "+item)
    console.log("index: "+index)
    console.log("arr: "+arr)
})

结果：

注意：forEach( ) 没有返回值，也可以理解成，forEach( )的返回值是undefined
所以 let newArr = arr.forEach() 这种接收方式是没有意义的。

forEach()能不能改变原数组？

forEach()能不能改变原数组？今天一定要搞懂

1、数组的元素是基本数据类型

let arr = [1,2,3];
arr.forEach((item)=>{
	item = item * 2;
});
console.log(arr) //[1, 2, 3]

2、数组的元素是引用数据类型(直接修改整个元素对象时，无法改变原数组)

let arrObj = [
	{name:"星星",age:22},
	{name:"weiwei",age:21}
];
arrObj.forEach((item)=>{
	item = {
		name:"哈哈",
		age:23
	}
})
console.log(arrObj)

结果

3、数组的元素是引用数据类型：（修改元素对象里的某个属性时，可以改变原数组）

let arrObj = [
	{name:"星星",age:22},
	{name:"weiwei",age:21}
];
arrObj.forEach((item)=>{
	item.age = 23
	item.name = "哈哈"
})
console.log(arrObj)

结果

如果你需要通过 forEach 修改原数组，建议用 forEach 里面的参数 2 和参数 3 来做，具体请看下面的标准做法

forEach() 通过参数2、参数3修改原数组：

//1、数组的元素是基本数据类型
let arrNum = [1,2,3];
arrNum.forEach((item,index,arr)=>{
	arr[index] = item * item;
})
console.log(JSON.stringify(arrNum))  //[1,4,9]

//2、数组的元素是引用数据类型时，直接修改对象
let arrObj = [
	{name:"星星",age:22},
	{name:"weiwei",age:21}
];
arrObj.forEach((item,index,arr)=>{
	arr[index] = {
		name:"haha",
		age:23
	}
})
console.log(JSON.stringify(arrObj))  //[{"name":"haha","age":23},{"name":"haha","age":23}]

//3、数组的元素是引用数据类型时，修改对象的某个属性
let arrObj = [
	{name:"星星",age:22},
	{name:"weiwei",age:21}
];
arrObj.forEach((item,index,arr)=>{
	arr[index].name:"haha"
})
console.log(JSON.stringify(arrObj)) //[{"name":"haha","age":22},{"name":"haha","age":21}]

总结：如果只是纯粹遍历数组，那么，可以用forEach()方法
但是，如果你想在遍历数组的同时去修改数组里面的元素内容，那么最好使用map()方法来做，不要用 forEach()方法，避免出现一些低级错误

let arr = [1,2,3];
let newArr = arr.map((item)=>{
	return item*item;
});
console.log(newArr) //[1, 4, 9]

let arrObj = [
	{name:"星星",age:22},
	{name:"weiwei",age:21}
];
let newObj = arrObj.map((item)=>{
	return {name:"星星傻子",age:item.age}
})
console.log(JSON.stringify(newObj)) //[{"name":"星星傻子","age":22},{"name":"星星傻子","age":21}]