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(字符串)
Total : 137
2021
2020
2019
2018
技术贴 JavaScript Flutter 算法题 热题HOT100 哈希表 滑动窗口 回溯算法 链表 二分法 矩阵 动态规划 贪心算法 指针 快速排序 迭代 二叉树 数组 快慢指针 排序 背包问题 单调栈 栈 DFS 岛屿问题 React Native React 旅行记 效率工具 python 小程序 英语 生活 足球 算法 性能优化 ES6 TypeScript koa