forin与forof的区别知多少？

最新推荐文章于 2024-04-04 00:38:20 发布

敲出真谛

最新推荐文章于 2024-04-04 00:38:20 发布

阅读量2.6k

点赞数 2

分类专栏： es6 文章标签： forin forof

本文链接：https://blog.csdn.net/qq_36818627/article/details/81672336

版权

es6 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在ES6中有一对遍历数组的for循环，他们的长相差不多，但是具体使用的时候还是有点区别的。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>forin与forof的区别</title>
	</head>
	<body>
	</body>
</html>
<script>
	const fruits = ['apple','coconut','mango','durian'];
	fruits.fav = 'my favorite fruit';
	console.log("--------获取forin的序号---------")
	for(let index in fruits){
		console.log(index);
	}
	console.log("--------获取forin的元素值带自定义的属性---------")
	for(let index in fruits){
		console.log(fruits[index]);
	}
	console.log("--------获取forof的元素值不带自定义属性---------")
	for(let index of fruits){
		console.log(index);
	}
</script>

测试结果如下