1、基本数据类型(改变不了原数组)
const array1 = [1, 1, 1];
array1.forEach(a => {
a+1
});
console.log(array1);//[1,1,1]
2、引用类型(可以改变原数组)
const obj = [
{
a : 'sss',
b : 22
},
{
a : 'xxx',
b : 33
}
]
obj.forEach(aa => {
if(aa.a === 'xxx') {
aa.b = 74
}
})
console.log(obj);//[ { a: 'sss', b: 22 }, { a: 'xxx', b: 74 } ]
3、改变不了整个obj
const obj = [
{
a : 'sss',
b : 22
},
{
a : 'xxx',
b : 33
}
]
obj.forEach(aa => {
if(aa.name === 'sss') {
aa = {
a : 'yyy',
b : 74
}
}
})
console.log(obj);//[ { a: 'sss', b: 22 }, { a: 'xxx', b: 33 } ]
4、在引用类型和基本数据类型都改变原数组
const numArr = [33,4,55];
numArr.forEach((ele, index, arr) => {//三个参数
//ele是数组当前项的值
//index是数组当前项的索引
//是当前数组本身
if (ele === 33) {
arr[index] = 999
}
})
console.log(numArr); // [999, 4, 55]
const allChangeArr = [{
name: 'wxw',
age: 22
}, {
name: 'wxw2',
age: 33
}]
allChangeArr.forEach((ele, index, arr) => {
if (ele.name === 'wxw2') {
arr[index] = {
name: 'change',
age: 77
}
}
})
console.log(allChangeArr); // // [{name: "wxw", age: 22},{name: "change", age: 77}]
上面的代码就相当于直接,
let a = [1,2,3]
a[0] = 4
console.log(a);//[ 4, 2, 3 ]
5、 为啥会发生引用类型可以改变原数组,但是原数组改变不了原数组
基本类型我们当次循环拿到的那个元素,只是forEach给我们在另一个地方复制创建新元素,是和原数组这个元素没有半毛钱联系的。
对于基本类型来说,它们在栈内存中直接存储变量与值,而引用类型的真正数据是保存在堆内存,栈内只保存了对象的变量以及对应的堆的
地址,所以操作Object其实就是直接操作了原数组对象本身