for of with index - Javascript

在 Javascript 中，我们通常使用 for ... of 迭代器来遍历一个数组或一个可迭代对象中的元素。但是在某些情况下，我们需要用到索引来访问数组的特定元素。这时候，我们可以使用 for ... of 迭代器和 entries() 方法来实现。

for ... of 迭代器

for ... of 迭代器允许我们以一种更加简洁的方式来遍历数组或可迭代对象中的元素。下面是一个简单的示例：

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

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

这个程序会输出数组中的每个元素：

1
2
3
4
5

entries() 方法

entries() 方法是一个数组的实例方法，它返回一个由元素的索引和值组成的迭代器对象。下面是一个简单的示例：

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

for (const [idx, elem] of arr.entries()) {
  console.log(idx + ": " + elem);
}

这个程序会输出数组中每个元素的索引和值：

0: 1
1: 2
2: 3
3: 4
4: 5

for ... of 迭代器和 entries() 方法的组合使用

我们可以将 for ... of 迭代器和 entries() 方法组合起来，以遍历数组并访问每个元素的索引和值。下面是一个简单的示例：

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

for (const [idx, elem] of arr.entries()) {
  console.log("Element " + idx + " = " + elem);
}

这个程序会输出每个元素的索引和值：

Element 0 = 1
Element 1 = 2
Element 2 = 3
Element 3 = 4
Element 4 = 5

总结

在 Javascript 中，我们可以使用 for ... of 迭代器和 entries() 方法来遍历数组并访问每个元素的索引和值。这种技巧在某些情况下非常有用，特别是当我们需要在循环中根据元素的值和索引做一些特定的操作时。