关于JavaScript循环的所有内容

>每个编程语言都使用循环反复执行代码块。 循环对于处理阵列，列表或重复操作至关重要，直到满足特定条件为止。 JavaScript提供多种循环类型。此概述探讨了每种类型，突出了它们的应用程序和比较优势。

>

和

loops while 最基本的循环do...while

循环，只要指定条件保持真实，就可以执行代码块。 这很简单，可读性，而且通常是有效的。但是，如果未仔细管理该条件，它也容易出现无限循环。

循环是相似的，但是在每次迭代之后检查条件while，保证至少一个执行。do...while>

循环

// Process an array until it's empty
let queue1 = ["a", "b", "c"];

while (queue1.length) {
  let item = queue1.shift();
  console.log(item);
}

// Similar, but handles empty array gracefully
let queue2 = [];

do {
  let item = queue2.shift() ?? "empty";
  console.log(item);
} while (queue2.length);

for环是迭代特定数量的理想选择。 对于重复任务而言，这是强大而有效的。 虽然最初对初学者感到艰巨，但了解其结构可以简化其使用。>

for和

loops

// Log numbers 1 to 5
for (let i = 1; i <= 5; i++) {
  console.log(i);
}

for...of循环提供了一种简洁的方式，可以迭代疑问对象，例如数组，地图，集合和字符串。 与传统for await...of循环相比，它简化了数组遍历。

for...of不限于内置迭代物；可以通过实现峰值协议（添加for方法）来创建自定义迭代。

是异步的对应物，非常适合使用异步迭代和发电机。

let myList = ["a", "b", "c"];

for (let item of myList) {
  console.log(item);
}

>

for...of注意：可与非Async Iterables一起使用，但相反不正确。[Symbol.iterator]> for await...of

和

async function delay(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function* aNumberAMinute() {
  let i = 0;
  while (true) {
    yield i++;
    await delay(60000);
  }
}

for await (let i of aNumberAMinute()) {
  console.log(i);
  if (i >= 59) break;
}

>方法

for await...of

>和

>不是严格的循环，但它们促进了数组的迭代。 forEach>对每个数组元素执行一次提供的函数。虽然历史上比map循环慢，但现代的JavaScript引擎已将这种性能差异降至最低。

>通过将函数应用于原始数组的每个元素来创建新数组。 这两种方法在某些情况下都具有可读性优势，尤其是在使用功能编程范式时。

forEachmap循环forEach formap循环在对象的枚举属性上迭代。 它还包括继承的属性，这可能是意外行为的来源。 它最适合于对物体文字进行迭代，而对象文字不关心属性。 关键顺序现在在浏览器中保持一致。

>

// Process an array until it's empty
let queue1 = ["a", "b", "c"];

while (queue1.length) {
  let item = queue1.shift();
  console.log(item);
}

// Similar, but handles empty array gracefully
let queue2 = [];

do {
  let item = queue2.shift() ?? "empty";
  console.log(item);
} while (queue2.length);

结论

JavaScript提供了丰富的循环机制。 选择适当的循环取决于特定任务，性能要求和编码样式首选项。了解每种类型的细微差别使开发人员编写有效且可维护的代码。

以上是关于JavaScript循环的所有内容的详细内容。更多信息请关注PHP中文网其他相关文章！