js,forEach的理解

初学者每次提到Array对象的时候有些烦人，有些方法是改变原数组的，有些则不改变原数组。 有趣的存在~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]的形式直接操作数组。

转载于:https://juejin.im/post/5b5e6d08f265da0f9e58ace8