ES7 中的 Array.prototype.entries 方法-JavaScript中文网-JavaScript教程资源分享门户

在 ES6 中，我们已经学习了 Array.prototype.forEach、Array.prototype.map、Array.prototype.filter、Array.prototype.reduce 等方法，它们都是非常实用的数组操作方法。在 ES7 中，又新增了一个方法 Array.prototype.entries，它可以返回一个数组的键值对 Iterator，让我们可以更方便的遍历数组中的元素。

语法

Array.prototype.entries()

返回值

一个新的 Iterator 对象，它包含数组中每个索引的键值对。

示例

const arr = ['a', 'b', 'c'];

for (const [index, value] of arr.entries()) {
  console.log(`index: ${index}, value: ${value}`);
}
// Output:
// index: 0, value: a
// index: 1, value: b
// index: 2, value: c

在上面的示例中，我们使用了 for...of 循环来遍历数组中的每个元素，并使用数组的 entries 方法获取每个元素的键值对。通过解构赋值可以方便的获取键和值。

指导意义

Array.prototype.entries 方法可以让我们更方便的遍历数组中的元素，并且获取到每个元素的键和值。这对于我们在进行一些数组操作时，比如查找、替换、排序等等，都非常有帮助。

同时，这个方法也可以和其他的遍历方法进行组合使用，比如和 Array.prototype.filter、Array.prototype.map 等方法一起使用，来实现更复杂的数组操作。

总结

Array.prototype.entries 是 ES7 中新增的一个数组操作方法，它可以返回一个键值对 Iterator，让我们可以更方便的遍历数组中的元素，并且获取到每个元素的键和值。这个方法可以让我们在进行一些数组操作时，更加灵活和方便。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65c48828add4f0e0fff0fca8