forEach到底能不能改变数组里元素的值?

先来看这个代码:

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来修改数组元素

  • 5
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值