forEach和map和for...in 和 for...of的区别

说一下for…in 和 for…of的区别?

1、for…of遍历获取的是对象的键值, for…in获取的是对象的键名;
2、for…in会遍历对象的整个原型链, 性能非常差不推荐使用(如果使用的需要需要借助Object.hasOwnProperty去判断是否是对象自身的属性) 而for…of只遍历当前对象不会遍历原型链;
对于数组的遍历,for…in会返回数组中所有可枚举的属性(包括原型链上可枚举的属性),for…of只返回数组的下标对应的属性值;
4、总结:for…in循环主要是为了遍历对象而生,不适用遍历数组; for…of循环可以用来遍历数组、类数组对象、字符串、Set、Map以及Generator对象.

Object.prototype.gender = '女';
var person = {
    name: 'tebu',
    age: 12
};
for(var key in person)
{
    console.log(key,person[key]);
}
name tebu
age 12
gender 女

forEach和map的区别

1、map()会重新分配内存空间存储新数组并返回,forEach()不会返回数据。
forEach()允许callback更改原始数组的元素,map()返回新的数组,map() 不会对空数组进行检测。
2、forEach遍历通常都是直接引入当前遍历数组的内存地址,生成的数组的值发生变化,当前遍历的数组对应的值也会发生变化
3、场景:

  1. forEach适合于你并不打算改变数据的时候。

  2. map()适用于你要改变数据值的时候。不仅仅在于它更快,而且返回一个新的数组。这样的优点在于你可以使用复合(composition)(map(), filter(), reduce()等组合使用)。

性能上来说for>forEach>map

4、forEach底层是由一个while循环 + call 去执行传进来的回调函数,所以如果有async await的时候,他是会直接同步去执行的
如,所以需要重写forEach(用for i) 或者 直接通过for of去实现

function muti(num){
	return new Promise(resolve=>{
		setTimeout(()=>{
			resolve(num*num)
		},2000)
	})
}
const nums=[1,2,3];

// 同步遍历,3个异步执行几乎同步加入到任务队列,几乎同时打印1,4,9
nums.forEach(async (num)=>{
	const res=await muti(num);
	console.log(res);
});

//3个异步任务,依次加入到任务队列,依次打印1,4,9
(async function(){
	for(let num of nums){
		const res=await muti(num);
		console.log(res);
	}
})()

你可能感兴趣的:(js,js)