js for in for of

JS中的for...in和for...of都是用于遍历数据结构的循环语句，但是它们的使用场景和遍历方式有所不同。
for...in循环主要用于遍历对象的属性，它会遍历对象自身的可枚举属性以及继承的可枚举属性，但是不包括Symbol类型的属性和不可枚举属性。for...in循环的语法如下：

for (variable in object) {
  // code to be executed
}

其中，variable表示属性名，object表示要遍历的对象。
而for...of循环则主要用于遍历可迭代对象（包括数组、Set、Map、字符串、DOM NodeList对象、Generator对象等），它会遍历对象的可迭代属性，但是不会遍历对象的其他属性。for...of循环的语法如下：

for (variable of iterable) {
  // code to be executed
}

其中，variable表示每次迭代的值，iterable表示要遍历的可迭代对象。
需要注意的是，for...of循环不能遍历普通对象，因为普通对象不是可迭代对象，但是可以使用for...in循环遍历普通对象的属性。此外，for...of循环可以与break、continue和return配合使用，可以随时退出循环。