JS for of循环语句的用法

JS for of 循环是 ECMAScript6 中新添加的一个循环方式，与 for in 循环类似，也是普通 for 循环的一种变体。使用 for of 循环可以轻松的遍历数组或者其它可遍历的对象，例如字符串、对象等。

JS for of 循环的语法格式如下：

for (variable of iterable) {

// 要执行的代码

}

{ } 中使用这个变量来进行一系列操作；iterable 为要遍历的内容，在每次循环中，会将 iterable 中的一个值赋值给变量 variable，直到 iterable 中的所有值都遍历完。

示例代码如下：

// 定义一个数组 var arr = ['a', 'b', 'c', 'd', 'e', 'f']; 
// 使用 for of 循环遍历数组中的每个元素 
for (var value of arr) { 
document.write(value + ", "); 
} 
document.write("<br>"); 
// 定义一个字符串 
var str = "Hello World!"; 
// 使用 for of 循环遍历字符串中的每个字符 
for (var value of str) { 
document.write(value + ", "); 
} 
document.write("<br>"); 
// 定义一个对象 
var obj = {"name": "Clark", "surname": "Kent", "age": "36"}; 
// 使用 for of 循环遍历对象中的所有属性 
for(var value in obj) { 
document.write(value + ", "); 
}

运行结果：

a, b, c, d, e, f,

H, e, l, l, o, , W, o, r, l, d, !,

name, surname, age,

注意，虽然 for of 循环也可以遍历对象，但并不推荐，若要遍历对象可以使用 for in 循环。