for...in和for...of的区别

for…in和for…of的区别

1、for…in

（1）可以用来遍历对象

    const obj = { a:'100',b:'200' }
   	//对对象的遍历;
    for(let key in obj){
        console.log('key:',key ,'obj:',obj,'obj[key]:', obj[key])
        //key: a obj: {a: "100", b: "200"} obj[key]: 100
		//key: b obj: {a: "100", b: "200"} obj[key]: 200
    }

（2）可以用来遍历数组

    const arr = [100,200]
    //这里的 key 值为 String 类型;
    for(let key in arr){
        console.log('key:',key ,'obj:',arr,'obj[key]:', arr[key])
        //key: 0 obj: (2) [100, 200] obj[key]: 100
		//key: 1 obj: (2) [100, 200] obj[key]: 200
    }

2、for…of

(1)只能用于遍历数组,key直接拿到值

    const arr = [100,200]
	for (const key of arr) {
        console.log(key)    //100 200
    }
    ````