理解 JavaScript 数组迭代方法

我最近遇到一个面试问题，要求使用不同的方法来迭代 javascript 数组对象。提示最初看起来很简单，因为我应该提供一些示例代码片段。然而，这个问题引起了我的兴趣，所以我决定更深入地研究每种方法，不仅探索如何使用它们，而且探索何时以及为何选择一种方法而不是另一种方法。

在本文中，我将引导您了解在 javascript 中迭代数组的各种方法，重点介绍它们的差异、优点和用例。

for 循环
优点：

在引入 for...of 循环之前，传统的 for 循环是数组迭代的标准方法。然而，它可能容易出现错误，例如从 1 而不是 0 开始索引，或者错误地使用 arr.length 而不是 arr.length - 1。正如 mdn 所建议的，“通常最好用于...如果可以的话。“

何时使用：
当您需要完全控制迭代时，例如跳过迭代或反向迭代。
当你在迭代过程中同时需要索引和值时。

为了...的
优点：

何时使用：
当您只需要使用值而不需要访问索引时。

array.prototype.map()
优点：

何时使用：
当您想要对数组的每个元素应用函数并需要将结果作为新数组时。

array.prototype.foreach()
优点：

何时使用：
当您想要将函数应用于数组的每个元素但不需要返回新数组时。

array.prototype.entries()
优点：

何时使用：
当您需要访问数组元素的索引和值时。

array.prototype.keys()
优点：

何时使用：
当您需要一个仅提供数组元素索引的迭代器时。

array.prototype.values()
优点：

何时使用：
当您需要一个仅提供数组元素值的迭代器时。

什么是数组迭代器:
array.prototype.entries()、array.prototype.keys() 和 array.prototype.values() 返回新的数组迭代器对象。这些迭代器允许您一次遍历一个类似数组的集合中的一个元素。它们带有 next() 方法，该方法提供序列中的下一个值，可以根据需要调用该方法，从而有助于节省内存。

这是一个使用entries()的示例：

const arr = ['a', 'b', 'c'];const iterator = arr.entries();console.log(iterator.next()); // { value: [0, 'a'], done: false }console.log(iterator.next()); // { value: [1, 'b'], done: false }console.log(iterator.next()); // { value: [2, 'c'], done: false }console.log(iterator.next()); // { value: undefined, done: true }

说实话，我并没有完全了解这些方法的一些细节和用途，所以解决这个面试问题并加深我的理解非常重要。无论您使用的是基本循环还是更高级的函数式编程技术，了解这些方法都可以显着提高代码的效率和可读性。

立即学习“Java免费学习笔记（深入）”；