javascript关于forEach使用方式

时间:2022-06-19
本文章向大家介绍javascript关于forEach使用方式,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

之前一直都理解错了,以为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,

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