Voyz's Studio.

ES6中的for…of循环

字数统计: 167阅读时长: 1 min
2020/05/06 Share

ES6中的for…of循环

以替代 for…in 和 forEach() ,并支持新的迭代协议。允许遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构。

用例

Arrays(数组)

1
2
3
4
5
6
7
8
9
10
const iterable = ['mini', 'mani', 'mo'];

for (const value of iterable) {
console.log(value);
}

// Output:
// mini
// mani
// mo

Maps(映射)

1
2
3
4
5
6
7
8
9
const iterable = new Map([['one', 1], ['two', 2]]);

for (const [key, value] of iterable) {
console.log(`Key: ${key} and Value: ${value}`);
}

// Output:
// Key: one and Value: 1
// Key: two and Value: 2

Set(集合)

1
2
3
4
5
6
7
8
const iterable = new Set([1, 1, 2, 2, 1]);

for (const value of iterable) {
console.log(value);
}
// Output:
// 1
// 2

String(字符串)

1
2
3
4
5
const iterable = 'javascript';

for (const value of iterable) {
console.log(value);
}

###

CATALOG
  1. 1. ES6中的for…of循环
    1. 1.1. 用例
      1. 1.1.1. Arrays(数组)
      2. 1.1.2. Maps(映射)
      3. 1.1.3. Set(集合)
      4. 1.1.4. String(字符串)