js中 in of的区别

一： in可以用来判断（对象中in出来的数据是每一项的key值， 数组中in出来的数据是每一项的下标。 无论是key值还是下标，都是字符串string类型）

let obj = {a:1, b: 2}       

console.log('a' in obj); // true

let arr = [1,2]   

console.log(0 in arr); // true   

console.log('0' in arr); // true

console.log(2 in arr); // false, 2超出了下标的范围

二：in可以用来遍历（对象中in出来的数据是每一项的key值， 数组中in出来的数据是每一项的下标。 无论是key值还是下标，都是字符串string类型）

let obj = {a:1, b: 2}   

for( let  i in obj ) { console.log(i); } // 'a' 'b' 等 会将对象原型上的属性名也打印出来

for( let  i in obj ) { obj.hasOwnProperty(i) && console.log(i); } // 'a' 'b'  只会打印出自身的属性名

let arr = [1,2]   

for( let  i in arr) { console.log(i); } // '0' '1'

三：of 只能用于遍历出数组中的值（遍历出的不是下标）

let arr = [1,2]

for(let item of arr) { console.log(item); } // 1 2

参考文章： 详解JS中for...of、in关键字_js of关键字_MonsterQy的博客-CSDN博客