前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javascript关于forEach使用方式

javascript关于forEach使用方式

作者头像
杭州前端工程师
发布2019-03-12 15:09:06
5480
发布2019-03-12 15:09:06
举报

之前一直都理解错了,以为forEach可以更改原数组里的数据,举个例子:

var a = [1,2,3,4,5];
a.forEach(item =>{
	item = item*2
})
console.log(a); // a = [1,2,3,4,5]
var b = [{b:1},{b:2},{b:3}];
b.forEach(item =>{
	item.b = item.b*2
})
console.log(b) // b = [{b:2},{b:4},{b:6}]

明明是一样的函数执行结果没有达到自己需要的那样,为什么呢?今天不小心踩到了这个坑。

原因分析一下后也是很好理解的,因为a里的数据都是基本类型,而b里的数据是引用类型,基本类型在内存中的存在形式是散的,并没有地址,所以你虽然*2了但是你不知道是哪个*2了,如果说要a里的数据都*2的话,你需要这样写:

var a = [1,2,3,4,5];
a.forEach((item,index,origin) =>{
	origin[index] = item*2
})
console.log(a);

或者直接用map,接收返回的新数据。

下面来讨论一下数据类型:

数据类型主要分基本类型和引用类型,基本类型为,number,boolean,undefined,null.string,而引用类型有object,array,function,

在内存中基本类型是散的,而引用类型是类似门牌号一样,有一个地址整齐的排列着,如果想找到某个引用类型,直接找到对应的地址即可,引用类型的门打开后,里面又是一堆的基本类型,这个是我做前端这些年对数据类型的理解,望大佬门指点指点.

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018/07/24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档