Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • forEach究竟能不能改变数组的值★

forEach究竟能不能改变数组的值★

    let obj = {'1':1}
    let oldArr = ['1',1,obj,true]
    oldArr.forEach((el)=>{
      el = 1
    })
    console.log(oldArr)

从例子一来看forEach并不改变原数组 例子二:

    let obj = {'1':1}
    let oldArr = ['1',1,obj,true]
    oldArr.forEach((el)=>{
      if(typeof el == 'object'){
        el['2']=2
      }
      el = 2
    })
    console.log(oldArr)

例子二里的obj的值是被改变了的,那么forEach究竟改不改变原数组呢? 所以我们回到概念,forEach方法只是操作数据而已,数组里的数据是如何引用的呢? js的数据有基本数据类型和引用数据类型,同时引出堆内存和栈内存的概念。对于基本数据类型:Number、String 、Boolean、Null和Undefined,它们在栈内存中直接存储变量名和值。而Object对象的真实数据存储在堆内存中,它在栈内存中存储的是变量名和堆内存的位置。 而在forEach方法里操作了obj对象,实际操作的是对象本身,而数据只是引用了对象的栈内存地址,所以数组里的数据相应改变。 那么为什么forEach方法不能改变数组里的基本变量呢?

    let a = 1
    let obj = {'1':1}
    let oldArr = ['1',1,obj,true,a]
    oldArr.forEach((el)=>{
      if(typeof el == 'object'){
        el['2']=2
      }
      el = 2
    })
    a  = 2
    console.log(oldArr) 

不仅forEach方法无法改变,直接在外面操作a变量也无法改变。 因为数组内的基本变量,在栈内存内生成了自己的值,并非引用栈内存的地址。

    let a = 1
    let obj = {'1':1}
    let oldArr = ['1',1,obj,true,a]
    oldArr.forEach((el,index)=>{
      // if(typeof el == 'object'){
      //   el['2']=2
      // }
      oldArr[index] =2
    })
    console.log(oldArr)
 

神奇的事发生了,基本数据类型也被改变了。 因为我们使用forEach方法的时候对于每个数据都创建了一个变量el,我们操作的是el变量,对于基本数据类型,el变量就是新创建的一个内存。el变量改变并不影响基本原来地址值的改变。而el变量对应的是引用数据类型时,实际还是一个引用地址,操作它,仍旧操作的是对应的堆内存。

总结:

forEach方法里操作对象生效,想要操作里面的基本数据类型,就用arr[i]的形式直接操作数组。

Edit this page
最近更新: 2025/6/27 02:24
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人