博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js,forEach的理解
阅读量:7197 次
发布时间:2019-06-29

本文共 1482 字,大约阅读时间需要 4 分钟。

初学者每次提到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

你可能感兴趣的文章
《深入解析sas:数据处理、分析优化与商业应用》一第3章 对单个数据集的处理...
查看>>
小程序为何刚上线就遭冷落,部分已停止更新
查看>>
《Linux设备驱动开发详解 A》一一2.1 处理器
查看>>
传奇图形程序员Michael Abrash加盟Oculus与卡马克团聚
查看>>
《3D打印:正在到来的工业革命(第2版)》——1.7节21世纪的个人计算机
查看>>
苹果要求所有应用到 2016 年底必须使用 HTTPS
查看>>
R语言数据挖掘1.4 社交网络挖掘
查看>>
阿里感悟(十一)如何准备面试
查看>>
如何在终端下以后台模式运行Linux程序
查看>>
《Linux/UNIX OpenLDAP实战指南》——2.6 OpenLDAP目录树规划
查看>>
《循序渐进学Spark 》Spark 编程模型
查看>>
Linux集群和自动化维2.6.5 自动化类脚本
查看>>
《HTML5+CSS3网页设计入门必读》——2.3 错误处理
查看>>
Java 集合教程
查看>>
本文来自合作伙伴“阿里聚安全”.
查看>>
《面向机器智能的TensorFlow实践》一3.3 通过名称作用域组织数据流图
查看>>
《Android应用开发入门经典(第3版)》——第6.4节ProgressBar和SeekBar
查看>>
《iOS 6核心开发手册(第4版)》——导读
查看>>
CMS gc调整实践(续)
查看>>
创建自己的ruby Gems
查看>>