先来看这个代码:
let arr = [
{name:'a'},
{name:'b'},
{name:'c'}
];
arr.forEach((item,index) => {
if (index === 1) {
item = {name:'B'}
}
});
console.log(arr);
结果是forEach修改元素不生效,那么我们改一下:
let arr = [
{name:'a'},
{name:'b'},
{name:'c'}
];
arr.forEach((item,index) => {
if (index === 1) {
item.name = 'B'
}
});
console.log(arr);
修改生效了。
那么,这是为什么呢?
首先,我们先来宣布答案,foreach循环能否真正修改数据?
答案是:
基本类型数组,不可改变。
引用类型数组(除String类型),可以改变引用类型对象的内存位置上的值。
Js中Undefined、Null、Boolean、Number都属于基本类型。
Object、Array和Function则属于引用类型。
String看成行为与基本类型相似的不可变引用类型。但是String类型数组与基本类型数组一样,不可被改变。
那么为什么基本类型数组不可被改变,引用类型数组可以被改变呢?
JS中的基本类型都是存储一个实际的值。如
var a = 1
引用类型是存储对象的内存位置
var aObj = {a:1}
foreach对基本类型的元素拷贝的是值,对引用类型的元素拷贝的是地址。
数组,作为一种引用数据类型,存储在堆内存中,item是指向堆内存的指针,修改 item 不能直接修改原数组的值,只能通过 数组索引进行修改。所以下面的代码可以被执行。
arr.forEach((item,index) => {
if (index === 1) {
arr[index] = 'B'
}
});
但是,当item是引用类型,可以通过指定引用类型对象的内存位置上的值,来改变对象(其实并没有改变item的内存地址,只是改变了对应的值),所以下面的代码可以被执行。
arr.forEach((item,index) => {
if (index === 1) {
item.name = 'B'
}
});
whatever,还是建议用map替代forEach来修改数组元素