for in 和for of用法

for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作），使用for...in遍历Array时，拿到的是每个元素索引。

语法：

for (变量 in 对象){ 在此执行代码 }

var obj = {
            name: 'jack',
            age: 18
        }

        for (var key in obj) {
            console.log(key);
            // name 
            // age
        }
        for (var key in obj) {
            console.log(obj[key]);
            // jack
            // 18
        }

1. for in循环的遍历是按照对象中有多少成员来决定的
2. 有多少成员，就会执行多少次
3. 我们自己定义的一个变量，就和 for 循环的时候我们定义的 i 一个道理
4. 在每次循环的过程中，变量就代表着对象中某一个成员的属性名

for...of 语句遍历的是对象的属性所对应的值(value：键值)。所以它用来遍历数组时得到每个元素的值。

语法：

for (变量 of 对象){ 在此执行代码 }

let iterable = [10, 20, 30];

for (let value of iterable) {
    console.log(value);
}
// 10
// 20
// 30

总：

1.'for…in’用于迭代对象的所有’可枚举’属性，包括继承的可枚举属性, 该迭代语句可用于数组字符串或普通对象，但不能用于Map或Set对象
2.'for…of’用于’可迭代’对象，迭代其值而不是其属性，该迭代语句可以与数组，字符串Map或Set对象一起使用，但不能与普通对象一起使用。