for in 和for of的区别

一般for in遍历的是对象或者数组的索引(键名),而for of遍历的是数组的元素值，不包括数组的原型

1. for of

   1. for of适合遍历循环数组/字符串/map/set等拥有迭代器对象的集合，但是不能遍历普通的对象，因为没有迭代器，会报错obj is not iterable

       let arr=["a","b","c"];
       let obj={
         name:"张三",
         age:18,
         job:"IT"
       };
      
       for (let value of arr){
         console.log(value);//a b c
       }
      
       //for of不能遍历普通的对象，因为没有迭代器，会报错
       for (let value of obj){
         console.log(value)//obj is not iterable
       }
      

   2. for of遍历不能获取index索引值，可以先将数组转成map结构，再用for of遍历这个map，就可以获取索引index，值value

        let arr=["a","b","c"];
        for (let [key,value] of new Map(arr.map((item,index)=> [index,item]))){
          console.log(key,value)
        }
      

   3. for of与forEach不同的是，它可以正确的响应break，continue，return
2. for in有三个缺点，所以for in不适合遍历数组，适合遍历对象
   1. 顺序可能不会按照实际数组的内部顺序
   2. for in会遍历数组所有的可枚举性，包括原型
   3. index索引值是字符串的数字，不能直接进行集合运算