JavaScript For Of 语句
JavaScript基础 2022-04-25 01:33:51小码哥的IT人生shichen
JavaScript For Of
For Of 循环
JavaScript for of 语句循环遍历可迭代对象的值。
它允许您循环遍历可迭代的数据结构，例如数组、字符串、映射、节点列表等：
语法
for (variable of iterable) {
// code block to be executed
}
variable - 对于每次迭代，下一个属性的值都会分配给变量。变量可以用 const、let 或 var 声明。
iterable - 具有可迭代属性的对象。
浏览器支持
For/of 在 2015 年被添加到 JavaScript (ES6)
Safari 7 是第一个支持 for of 的浏览器：
| Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome 38 | Edge 12 | Firefox 51 | Safari 7 | Opera 25 |
| 2014 年 10 月 | 2015 年 7 月 | 2016 年 10 月 | 2013 年 10 月 | 2014 年 10 月 |
Internet Explorer 不支持 For/of。
遍历数组
示例代码：
const cars = ["BMW", "Volvo", "Mini"];
let text = "";
for (let x of cars) {
text += x;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript For Of 循环</h2>
<p>for of 语句循环遍历任何可迭代对象的值：</p>
<p id="demo"></p>
<script>
const cars = ["BMW", "Volvo", "Mini"];
let text = "";
for (let x of cars) {
text += x + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
运行结果：
Javascript For Of 循环 for of 语句循环遍历任何可迭代对象的值： BMW Volvo Mini
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
遍历字符串
示例代码：
let language = "JavaScript";
let text = "";
for (let x of language) {
text += x;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript For Of 循环</h2>
<p>for of 语句循环遍历可迭代对象的值。</p>
<p id="demo"></p>
<script>
let language = "JavaScript";
let text = "";
for (let x of language) {
text += x + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
运行结果：
Javascript For Of 循环 for of 语句循环遍历可迭代对象的值。 J a v a s c r i p t
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
While 循环
我们将在下一章讲解 while 循环和 do/while 循环。
