for...of

for…of

作用：
for…of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for…of 循环，以替代 for…in 和 forEach() ，并支持新的迭代协议。for…of 允许你遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的数据结构等。

语法

for (variable of iterable) {
    statement
}

语法说明:

• variable：每个迭代的属性值被分配给该变量。
• iterable：一个具有可枚举属性并且可以迭代的对象。

实例

实例（1）遍历数组

const it=['apple','pear','pink','bananer'];
for(const t of it)
{
  console.log(t);
}
//打印结果
// apple
// pear
// pink
// bananer

实例（2）遍历字符串

const it='Hello';
for(const i of it)
{
  console.log(i);
}
// 打印结果：
// H
// e
// l
// l
// o

实例（3）遍历Map对象

let m=new Map();
m.set(1,'one');
m.set(2,'two');
m.set(3,'three');
for(const [key,value] of m)
{
  console.log('key:',key,'value:',value);
}
// key: 1 value: one
// key: 2 value: two
// key: 3 value: three

实例（4）遍历Set对象

let s=new Set([2,3,2,1,4]);
for(const i of s)
{
  console.log(i);
}
// 打印结果：
// 2
// 3
// 1
// 4