Logo
Section 1 / 4

介绍 for-of 循环

JavaScript 中 for-of 循环的语法如下： ```javascript for (const element of arrayOrIterable) { // 处理每个元素的代码 } ``` 其中： - `element` 是当前迭代的元素值。 - `arrayOrIterable` 是一个可迭代对象，如数组、字符串、Map、Set 等。 示例： ```javascript const fruits = ['apple', 'banana', 'cherry']; for (const fruit of fruits) { console.log(fruit); } ``` 该循环会依次输出：apple、banana、cherry。

导入

介绍 for-of 循环

JavaScript 中 for-of 循环的语法如下： ```javascript for (const element of arrayOrIterable) { // 处理每个元素的代码 } ``` 其中： - `element` 是当前迭代的元素值。 - `arrayOrIterable` 是一个可迭代对象，如数组、字符串、Map、Set 等。 示例： ```javascript const fruits = ['apple', 'banana', 'cherry']; for (const fruit of fruits) { console.log(fruit); } ``` 该循环会依次输出：apple、banana、cherry。

for-of 循环是 ES6 中一个强大的新语法结构，能够简化你的代码。

for-of 循环适用于任何 JavaScript 可迭代对象。我们将使用 for-of 循环遍历数组、字符串和 NodeLists。

在第一个示例中，我们来输出字符串中的每个字符：

1let message = 'hello';
2
3for( let i in message ) {
4    console.log( message[i] );
5}

通常情况下，你在循环体内部需要的是 message[i]，而不是索引 i。因此，使用一个直接提供值 message[i] 而不是索引 i 的循环结构会更加合理。这正是 for-of 循环所提供的功能：

1let message = 'hello';
2
3for( let ch of message ) {
4    console.log( ch );
5}

符号

UTF-32 支持