JS 中的 for loop shorthand

在 JavaScript 中，for 循环是一种常用的语句来遍历数组，对象或一系列数字。然而，它可以变得有点难以管理，并且通常会需要多余的代码来实现相同的迭代。这种情况下，可以采用简化的 for 循环写法来减少代码的冗余。

常规 for 循环

常规的 for 循环语法如下：

for (let i = 0; i < n; i++) {
  // 迭代语句
}

其中，i 为计数器，从 0 开始循环到 n-1。

简化的 for 循环

简化的 for 循环允许在更少的代码行中使用相同的功能。以下是几种快捷方式：

1. forEach 循环

forEach 是数组对象的快捷方式，它允许对数组中的每一项执行相同的操作。语法如下：

array.forEach(function(item) {
  // 迭代语句
});

其中，item 是当前迭代的数组元素。

示例代码：

const arr = [1, 2, 3];
arr.forEach(function(item) {
  console.log(item);
});

输出结果：

1
2
3

2. for ... of 循环

for ... of 是一种新的循环语句，与 forEach 不同，它可以迭代任何可迭代对象，并且可以获取每个元素的值，而不仅仅是数组中的下标。语法如下：

for (const item of iterable) {
  // 迭代语句
}

其中，iterable 可以是数组，字符串，Set，Map 等可迭代对象。

示例代码：

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item);
}

输出结果：

1
2
3

3. for ... in 循环

for ... in 循环是用于遍历对象属性的快捷语句。语法如下：

for (const key in object) {
  // 迭代语句
}

其中，key 是对象的属性名。

示例代码：

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

输出结果：

a: 1
b: 2
c: 3

总结

JavaScript 中的 for 循环写法有多种方式，可以根据情况选择合适的方式。使用简化的 for 循环可以减少代码的冗余，提高代码的可读性和可维护性。