vue for of 跟 for in的用法

vue for of 跟 for in的用法

对于普通的对象，for…of结构不能直接使用，会报错，必须部署了 Iterator 接口后才能使用,for-of用于数组对象。
但是，这样情况下，for…in循环依然可以用来遍历键名。

  let obj = {
    sex: '男',
    age: "39",
    name: "kexiaokang"
  };
  for (let e in obj) {
    console.log(e);
  }
  // sex
  // age
  // name

用for of 遍历对象报错
  let obj = {
    sex: '男',
    age: "39",
    name: "kexiaokang"
  };
  for (let e of obj) {
    console.log(e);
  }
 demo.html:59 Uncaught TypeError: obj is not iterable

解决：
   for (let e of Object.keys(obj)) {
      console.log(e);
  }
Object.keys的使用其实相当于处理对象，返回可枚举的属性数组

两者遍历数组时：

  let es7 = [1, 2, 3, 4, 5, 6, 7]；
  for (let e of es7) {
      console.log(e);
    }
	//1，2，3，4，5，6，7
	for (let e in es7) {
      console.log(e);
  	}
  	//0,1,2,3,4,5,6
  	//只能拿到索引

总结：for in 实用于遍历对象，for of 更适用于数组