现代 JavaScript For 循环语法

在 JavaScript 中，For 循环是一种常见的迭代语句，用于遍历数组或对象等数据结构。随着 ES6 的推出，JavaScript 引入了更多现代化的 For 循环语法，让开发者能够更加优美和简洁的书写迭代逻辑。

基本的 For 循环语法

首先，我们来看一下基本的 For 循环语法：

for (let i = 0; i < array.length; i++) {
  // do something
}

在这个简单的 For 循环语句中，我们使用了三个语句：

• 初始化：在循环开始之前执行，通常用于初始化循环变量 i。
• 条件：在每次迭代之前判断循环是否需要继续，通常使用条件表达式 i < array.length。
• 计步器：在每次迭代之后执行，通常用于增加循环变量 i 的值。

For-In 循环语法

For-In 循环语法用于遍历对象的属性名。它的语法如下：

for (let key in object) {
  if (object.hasOwnProperty(key)) {
    // do something
  }
}

在这段代码中，我们首先使用 For-In 循环语句，遍历对象 object 的所有属性名。在循环体中，我们通过 hasOwnProperty() 函数来判断这个属性名是否为对象自身的属性，避免遍历原型链上的属性。

For-Of 循环语法

For-Of 循环语法用于遍历可迭代的对象（如数组、Set、Map）的值。它的语法如下：

for (let value of iterable) {
  // do something
}

在这个示例中，我们使用 For-Of 循环语句迭代可迭代对象 iterable 的值，然后在每次迭代中执行循环体。

forEach 循环语法

除了 For 循环语句和 For-In 循环语句之外，JavaScript 还提供了一种更加现代化的迭代方式，那就是使用 forEach() 方法。它的语法如下：

array.forEach(function(element) {
  // do something
});

在这段代码中，我们调用了数组 array 的 forEach() 方法，然后传入一个回调函数作为参数。在回调函数中，我们可以访问数组的每个元素，然后执行循环体。

总结

现代 JavaScript For 循环语法让我们能够更加优雅和简洁地书写迭代逻辑。无论是 For-In 循环语法、For-Of 循环语法，还是 forEach() 方法，都能够帮助我们更快地编写高效的 JavaScript 代码。