Javascript For Of

Javascript For Of语句是ES6中新增的一种循环语句，用于遍历可迭代对象中的元素。

语法

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

• variable: 在循环中每个迭代得到的值
• iterable: 可迭代的对象

示例

const arr = ['a', 'b', 'c'];

for (const item of arr) {
  console.log(item);
}
// Output:
// 'a'
// 'b'
// 'c'

const str = 'hello';

for (const char of str) {
  console.log(char);
}
// Output:
// 'h'
// 'e'
// 'l'
// 'l'
// 'o'

const obj = {
  prop1: 'value1',
  prop2: 'value2',
  prop3: 'value3'
};

for (const key of Object.keys(obj)) {
  console.log(key + ': ' + obj[key]);
}
// Output:
// 'prop1: value1'
// 'prop2: value2'
// 'prop3: value3'

注意事项

• For Of语句仅能用于可迭代的对象，包括数组、字符串、Set、Map、arguments等，但不能用于普通对象。
• For Of语句遍历的是元素而非索引，对于数组可以简化为forEach()方法。
• 对于Set、Map的遍历，可以直接遍历元素或使用entries()方法，例如for (const [key, value] of map.entries())。

以上就是Javascript For Of语句的介绍，希望对您有所帮助。