js for of用法

JS中的for...of循环语句是一种遍历数组或类似数组对象的循环结构，可以用于迭代可迭代对象，如Array、Map、Set、String、TypedArray等对象。语法格式如下：

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

其中，变量 variable 遍历可迭代对象 iterable 中的每个元素，如：

let arr = [1, 2, 3];
for (let num of arr) {
console.log(num);
}

输出结果为：

1
2
3

注：for...of 循环不能遍历普通对象，只能用于遍历可迭代对象。

相关问题

js 中forof用法

在 JavaScript 中，for...of 循环可以用来遍历可迭代对象（iterable），例如数组和字符串等。其语法如下所示：

for (const item of iterable) {
  // 执行循环体代码
}

其中，item 表示当前迭代的元素，iterable 表示可迭代对象。在循环体中，可以使用 item 来操作当前元素。

例如，下面的代码使用 for...of 循环遍历一个数组：

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item);
}

输出结果为：

1
2
3

需要注意的是，在使用 for...of 循环时，被遍历的对象必须是具有 Symbol.iterator 属性的可迭代对象。如果不是可迭代对象，会抛出 TypeError 异常。

js for和foreach的用法

在JavaScript中，for循环和forEach方法都是用于遍历数组的方式，但它们的用法和特点略有不同。

1. for循环是一种传统的循环方式，可以通过指定条件和计数器来控制循环次数。它的语法格式为：

for (初始化; 条件; 迭代) {
   // 循环体代码
}

其中，初始化是在循环开始时执行的一段代码，用于声明和初始化计数器；条件是每次循环开始前都会被检查的一个表达式，只有当条件为真时，循环体才会执行；迭代是在每次循环结束后执行的一段代码，用于更新计数器的值。

2. forEach方法是数组的一个内置方法，用于遍历数组中的每个元素。它接受一个回调函数作为参数，回调函数会被依次应用到数组的每个元素上。forEach方法的语法格式为：

array.forEach(function(currentValue, index, array) {
   // 循环体代码
});

其中，currentValue表示当前遍历到的元素的值；index表示当前元素的索引；array表示正在被遍历的数组。在forEach方法中，我们不能使用break或return语句来跳出整个循环，如果需要跳出循环，可以使用抛出异常的方式来实现。

总结：
- for循环是一种传统的循环方式，通过条件和计数器控制循环次数。
- forEach方法是数组的内置方法，用于遍历数组的每个元素。
- 在for循环中，我们可以使用break或return语句来跳出循环。
- 在forEach方法中，如果需要跳出整个循环，可以使用抛出异常的方式来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结](https://download.csdn.net/download/weixin_38655990/12975184)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [js中forEach，for in，for of循环的用法示例小结](https://download.csdn.net/download/weixin_38651929/12927250)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [js的for、foreach、for in、for of之间的区别和使用](https://blog.csdn.net/qq_44552416/article/details/123230728)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]