PHP前端开发

js中forin 和for each 的用法

百变鹏仔 3天前 #JavaScript
文章标签 js
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 循环

for...of 循环用于遍历数组、Set 和 Map 等可迭代对象。其语法如下:

for (variable of iterable) {  // 循环体}

其中,variable 是一个变量,用于存储遍历到的元素,iterable 是要遍历的可迭代对象。

两者之间的区别

使用场景

一般来说,当需要遍历对象的属性时,使用 for...in 循环;当需要遍历数组、Set 或 Map 等可迭代对象时,使用 for...of 循环。