本文共 804 字，大约阅读时间需要 2 分钟。

在路劲写代码的过程中，有时候可能会遇到一种情况：当我们使用数组的 for... of 遍历来遍历元素时，发现无法直接获取到每个元素的索引值。这种情况可能会让人感到有点困惑，尤其是对于刚入门的开发者来说。我们需要明确了解 for... of 与索引的关系，以便更好地利用它。在这种情况下，通常的解决方法是将数组转换为 Map 数据结构，然后利用 for... of 进行遍历，这样就能同时获取到索引和对应的元素值了。

为了更方便地理解这一点，我们可以对原来的数组进行一些操作。首先，我们可以将数组中的每个元素与其对应的索引值一并存储到 Map 中。具体来说，我们可以利用 Array.prototype.map 方法将数组中的每个元素转换成一个包含索引和值的数组，例如 ['a', 'b', 'c'] 会被转换成 [0, 'a'], [1, 'b'], [2, 'c']。然后，我们将这些数组作为值存入 Map 中。

例如，你可以这样做：

let arr = ['a', 'b', 'c'];for (let [index, item] of new Map(arr.map((item, index) => [index, item]))) {    console.log(index, item);}

这样一来，当我们使用 for... of 遍历 Map 的时候，每个遍历结果都会包含两个值：一个是索引，另一个是对应的数组元素。通过这种方式，我们就可以在同一个遍历中同时获得索引和对应的数组元素了。最终的输出结果会是：

0 "a"

1 "b"

2 "c"

这种方法虽然看起来有些绕，但实际上是一个非常常用的技巧。它的核心思想是将数组和索引一并存储起来，这样在需要同时处理索引和元素值的情况下，可以避免在遍历过程中额外添加索引参数。这种做法在日常开发中非常实用，特别是在需要同时处理元素和其位置的场景中。

转载地址：http://hrmkk.baihongyu.com/