JavaScript循环概念概要

2023-09-09 20:37:52

在 JavaScript 中，循环是一种控制流语句，它允许我们在代码中重复执行一段代码，直到某个条件满足。循环在处理数组、对象和其他可迭代对象时非常有用。

JavaScript 中有三种基本的循环语句：

for 循环
while 循环
do...while 循环

这三种循环语句都有一个基本的功能：它们会重复一件事情直到一个具体的条件出现。在这篇文章中，我们将深入 for...of 表达式，去了解它是如何工作的，以及在我们的应用中可以使用它来优化代码的地方。

什么是 for...of 循环？

for...of 循环是一种 for 表达式，用来迭代 iterables(iterable 的单数形式是 iterator)。一个 iterable 是一个可以被遍历的对象，这意味着它可以返回一个序列的值。数组、对象和字符串都是 iterables。

for...of 循环的语法如下：

for (const element of iterable) {
  // 循环体
}

其中：

const element 是循环变量，它会在每次迭代中存储当前元素。
iterable 是要迭代的对象。

for...of 循环会依次遍历 iterable 中的每个元素，并在每次迭代中执行循环体。

for...of 循环的例子

以下是一些 for...of 循环的例子：

// 遍历一个数组
const numbers = [1, 2, 3, 4, 5];

for (const number of numbers) {
  console.log(number);
}

// 遍历一个对象
const person = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

for (const key in person) {
  console.log(key);
}

// 遍历一个字符串
const str = 'Hello World';

for (const char of str) {
  console.log(char);
}