在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>
测试结果如下