[js]for of 以及 for in

1、ES5中原生的for in用法：

<script>
    const arr = ["黑色","白色","蓝色"];
      for(let a in arr){
      console.log(a);
    }
  </script>

输出的结果为是元素的下标0,1,2，若果需要遍历数组中的元素，则需要：

<script>
    const arr = ["黑色","白色","蓝色"];
      for(let a in arr){
      console.log(arr[a]);
    }
  </script>

2、ES6中，for of的用法：

<script>
const arr = ["黑色","白色","蓝色"];

for (let v of arr){
console.log(v);
}
</script>
输出的结果直接就是  黑色，白色，蓝色  。


注意：原生只能遍历数组的下标，遍历中不能使用break，continue，return退出循环
（break：直接退出循环；continue：退出本次循环），而for...of能直接遍历数组的键
值，还能使用退出语句退出循环。