for of 是es6新增的循環方式，請問for in 和for of的區別

1  for in會返回數組中所有可枚舉屬性,包括原型鏈上可枚舉的屬性,會遍歷對象的整個原型鏈,性能較差不推薦使用;
for of 不會往原型鏈下繼續循環遍歷,只會返回數組索引對應的屬性值;

 for in 遍歷數組拿到的是數組的索引
 for in 遍歷對象拿到的是對象的key值;
 for of 遍歷數組拿到的是數組的值
 for of 不能用來遍歷obj {a:1}因為對象不是可迭代屬性;
總結
for in 循環主要是用來遍歷對象的,【它雖然可以用來遍歷數組，但是因為性能原因不適用于遍歷數組。】;
for of 循環可以用來遍歷數組,不能用來遍歷對象【遍歷對象會報錯】;

useState為什么是用數組結構而不用對象？

因為數組的結構可以自己任意定義變量的名稱，而如果使用對象的話就只能跟hooks內部的變量名一個的名字，如果需要自定義名字則要用E6語法：去改名字，這樣代碼量會變大。