for in 和 for of 的区别

在遍历数组或对象的时候，我们会用到：for in 和 for of ，那么这两种方法之间的区别是什么呢？

①for-in遍历的是ES5标准，遍历的是key，适合遍历对象

使用for-in遍历数组，会存在一下问题：

1.index索引为字符串型数字（注意，非数字），不能直接进行几何运算。

2.遍历顺序有可能不是按照实际数组的内部顺序（可能按照随机顺序）。

3.使用for in会遍历数组所有的可枚举属性，包括原型，如果不想遍历原型方法和属性的话，可以在循环内部判断一下，使用hasOwnProperty()方法可以判断某属性是不是该对象的实例属性

var arr = [1,2,3]
Array.prototype.a = 123
    
for (let index in arr) {
  let res = arr[index]
  console.log(res)
}
//1 2 3 123

for(let index in arr) {
    if(arr.hasOwnProperty(index)){
        let res = arr[index]
  		console.log(res)
    }
}
// 1 2 3

②for-of是ES6标准，遍历的是value，可以简单、正确地遍历数组

for of遍历的是数组元素值，而且for of遍历的只是数组内的元素，不包括原型属性和索引

var arr = [1,2,3]
arr.a = 123
Array.prototype.a = 123
    
for (let value of arr) {
  console.log(value)
}

for of适用遍历数/数组对象/字符串/map/set等拥有迭代器对象（iterator）的集合，但是不能遍历对象，因为没有迭代器对象，但如果想遍历对象的属性，你可以用for in循环（这也是它的本职工作）或用内建的Object.keys()方法

var Object={
　　a:1,
　　b:2,
　　c:3
}
for (var key of Object.keys(Object)) {
  console.log(Object[key]);
}

总结：

1. for-in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。
2. for-in总是得到对象的key或数组、字符串的下标。
3. for-of总是得到对象的value或数组、字符串的值，另外还可以用于遍历Map和Set。

对象属性的四个特性：

1、是否可枚举

2、是否可删除

3、属性值

4、是否可被修改