如何在 ES6 中编写 for 循环？

在 ES6 中，我们可以使用 for...of 循环来遍历数组和其他可迭代对象。除此之外，我们还可以使用 Array.prototype.forEach()、 Array.prototype.map()、 Array.prototype.filter() 等方法来操作数组。

for...of 循环

for...of 循环允许我们依次遍历数组和其他可迭代对象的元素。这种循环方式与传统的 for 循环相比更加简洁易懂。

const arr = [1, 2, 3];

for (const item of arr) {
  console.log(item);
}

// Output:
// 1
// 2
// 3

在上面的例子中，我们使用 for...of 循环遍历数组 arr 的元素，并将每个元素输出到控制台。可以看到，for...of 循环的语法比传统的 for 循环要简单得多。我们只需要使用 of 关键字来获取每个元素的值。

Array.prototype.forEach()

Array.prototype.forEach() 方法允许我们对数组的每个元素执行一次给定的函数。

const arr = [1, 2, 3];

arr.forEach(item => console.log(item));

// Output:
// 1
// 2
// 3

在上面的例子中，我们使用 Array.prototype.forEach() 方法遍历数组 arr 的每个元素，并将每个元素输出到控制台。forEach() 方法接收一个函数参数，在这个参数函数中，我们可以对每个元素进行操作。

Array.prototype.map()

Array.prototype.map() 方法允许我们对数组的每个元素执行一次给定的函数，并返回一个新的数组。

const arr = [1, 2, 3];

const newArr = arr.map(item => item * 2);

console.log(newArr);

// Output: [2, 4, 6]

在上面的例子中，我们使用 Array.prototype.map() 方法遍历数组 arr 的每个元素，并将每个元素乘以 2。最后，我们得到一个新的数组 newArr，其中每个元素都是原来数组的元素乘以 2 的结果。

Array.prototype.filter()

Array.prototype.filter() 方法允许我们根据给定的条件从数组中过滤出符合条件的元素，并返回一个新的数组。

const arr = [1, 2, 3, 4, 5];

const filteredArr = arr.filter(item => item % 2 === 0);

console.log(filteredArr);

// Output: [2, 4]

在上面的例子中，我们使用 Array.prototype.filter() 方法过滤数组 arr 中的偶数。最后，我们得到一个新的数组 filteredArr，其中只包含原来数组中的偶数。

总结

在 ES6 中，我们可以使用 for...of 循环来遍历数组和其他可迭代对象。除此之外，我们还可以使用 Array.prototype.forEach()、 Array.prototype.map()、 Array.prototype.filter() 等方法来操作数组。无论是哪种方式，都可以使我们的代码更加简洁易懂。