JavaScript 中 for...in 和 for...of 循环用于遍历数据结构。for...in 循环遍历对象的属性,返回属性名,而 for...of 循环遍历可迭代对象,返回元素值。

JavaScript 中 for...in 和 for...of 循环
JavaScript 中,for...in 和 for...of 是两种常见的循环语句,用于遍历对象和数组等数据结构。
for...in 循环
for...in 循环用于遍历对象的属性。其语法如下:
for (variable in object) {
// 循环体
}其中,variable 是一个变量,用于存储遍历到的属性名,object 是要遍历的对象。
for...of 循环
里面有2个文件夹。其中这个文件名是:finishing,是我项目还没有请求后台的数据的模拟写法。请求后台数据之后,瀑布流的js有一点点变化,放在文件名是:finished。变化在于需要穿参数到后台,和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的,所以如果你要进行测试,在hbuilder打开项目就可以看到效果啦,或者是火狐浏览器。
for...of 循环用于遍历数组、Set 和 Map 等可迭代对象。其语法如下:
for (variable of iterable) {
// 循环体
}其中,variable 是一个变量,用于存储遍历到的元素,iterable 是要遍历的可迭代对象。
两者之间的区别
-
遍历的目标:
for...in遍历对象的属性,而for...of遍历可迭代对象的元素。 -
返回的值:
for...in返回属性名,而for...of返回元素值。 -
遍历顺序:
for...in的遍历顺序是不确定的,而for...of的遍历顺序与数据的插入顺序一致。
使用场景
一般来说,当需要遍历对象的属性时,使用 for...in 循环;当需要遍历数组、Set 或 Map 等可迭代对象时,使用 for...of 循环。









