js中 for in 和 for of 的区别

场景：

提示：这里简述项目相关背景：

js中 for in 和 for of 的区别

---

问题描述

首先，for of 是 es6引入的，而 for in 是 es5
简单来讲，for in 输出的是key，for of 输出的是value
实际上，for of 是对需要遍历的目标进行了一个判断，对其不能迭代的内容进行了忽略
方便取值的同时，也避免了一些错误的产生

Object.prototype.objCustom = function () {}; 
Array.prototype.arrCustom = function () {};

let iterable = [3, 5, 7];
iterable.foo = "hello";

for (let i in iterable) {
  console.log(i); // logs 0, 1, 2, "foo", "arrCustom", "objCustom"
}

for (let i of iterable) {
  console.log(i); // logs 3, 5, 7
}

---

分析：

可以看到上面，for in 将一些我们不需要的值也遍历了并返回了他的key值，(foo，arrcustom，objectcustom)，有可能会导致报错，
所以非特殊情况，推荐用 for of 进行遍历