for...in、for...of、for await...of

简介: for...in、for...of、for await...of

处世应当谦虚,切忌轻人傲世。——佚名

简单说下区别:

for...in遍历出来的是key

var obj = {a:1, b:2, c:3};
for (var prop in obj) {
  console.log("obj." + prop + " = " + obj[prop]);
}
// Output:
// "obj.a = 1"
// "obj.b = 2"
// "obj.c = 3"

for...of遍历出来的是元素

const array1 = ['a', 'b', 'c'];
for (const element of array1) {
  console.log(element);
}
// Expected output: "a"
// Expected output: "b"
// Expected output: "c"

for await...offor...of差不多,但支持遍历由Promise组成的可迭代对象(如数组),使用时会自动await直到Promise执行结束才执行

var asyncIterable = {
  [Symbol.asyncIterator]() {
    return {
      i: 0,
      next() {
        if (this.i < 3) {
          return Promise.resolve({ value: this.i++, done: false });
        }
        return Promise.resolve({ done: true });
      }
    };
  }
};
(async function() {
   for await (num of asyncIterable) {
     console.log(num);
   }
})();
// 0
// 1
// 2
相关文章
|
6月前
|
前端开发 JavaScript
Promise、async和await
Promise、async和await
65 0
|
6月前
|
前端开发 JavaScript
什么是 async、await ?
什么是 async、await ?
|
JSON 前端开发 JavaScript
async/await的应用
async/await的应用
62 0
|
前端开发 JavaScript
|
12天前
|
前端开发 JavaScript 开发者
Async 和 Await 是基于 Promise 实现
【10月更文挑战第30天】Async和Await是基于Promise实现的语法糖,它们通过简洁的语法形式,借助Promise的异步处理机制,为JavaScript开发者提供了一种更优雅、更易于理解和维护的异步编程方式。
20 1
|
12天前
|
JSON 前端开发 JavaScript
浅谈JavaScript中的Promise、Async和Await
【10月更文挑战第30天】Promise、Async和Await是JavaScript中强大的异步编程工具,它们各自具有独特的优势和适用场景,开发者可以根据具体的项目需求和代码风格选择合适的方式来处理异步操作,从而编写出更加高效、可读和易于维护的JavaScript代码。
19 1
|
6月前
|
前端开发 JavaScript 开发者
阿珊带你深入理解 async/await 函数
阿珊带你深入理解 async/await 函数
|
6月前
|
前端开发 JavaScript
async/await
async/await
36 0
|
6月前
|
JSON 前端开发 JavaScript
await
`await` 是 JavaScript 中的一个关键字,它仅在 `async` 函数内部有效。`await` 用于等待一个 `Promise` 对象解析为其完成值或拒绝值。通过使用 `await`,
58 1
|
6月前
|
JSON 前端开发 JavaScript
什么是async和await?
什么是async和await?
54 0