二维码

JavaScript 可迭代对象

JavaScript 可迭代对象

Iterables 是可迭代的对象(如 Arrays)。

可以使用简单高效的代码访问可迭代对象。

可迭代对象可以通过for..of循环进行迭代

For Of 循环

JavaScript for..of语句循环通过可迭代对象的元素。

语法

1
2
3
for (variable of iterable) {  
  // *code block to be executed*
}

迭 代

迭代很容易理解。

它只是意味着循环访问一系列元素。

以下是一些简单的示例:

  • 遍历字符串
  • 遍历数组

遍历字符串

您可以使用for..of循环来遍历字符串的元素:

1
2
3
4
5
6
const name = "W3Schools";  

for (const x of name) {
  // *code block to be executed*
}


遍历数组

您可以使用for..of循环来遍历Array的元素:

1
2
3
4
5
6
const letters = ["a","b","c"];  

for (const x of letters) {
  // *code block to be executed*
}

您可以在 JS Object Iterables 一章中了解有关 [Iterables]的更多详细信息。


遍历集合

您可以使用for..of循环来遍历 Set 的元素:

1
2
3
4
5
6
const letters = new Set(["a","b","c"]);  

for (const x of letters) {
  // *code block to be executed*
}

集合和地图将在下一章中介绍。

遍历地图

您可以使用for..of循环来遍历 Map 的元素:

1
2
3
4
5
6
7
8
9
10
const fruits = new Map([  
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

for (const x of fruits) {
  // *code block to be executed*
}