利用 ES7 的 Array.prototype.values() 方法遍历数组元素

在前端开发中，数组是一种非常常见的数据类型。在处理数组时，经常需要遍历数组元素。ES6中引入了一些新的方法，如 forEach()、map()、filter()等来方便地操作数组。而在ES7中，又新增了一个方法 values()，它可以让我们更加方便地遍历数组。

什么是 Array.prototype.values() 方法

values() 方法是ES7中新增的方法，它是 Array.prototype 对象的一个方法。它返回一个新的 Array Iterator 对象，该对象包含数组中每个元素的值。可以使用 for...of 循环来遍历 Array Iterator 对象中的值。

使用 Array.prototype.values() 方法遍历数组

下面是使用 values() 方法遍历数组的示例代码：

const arr = ['a', 'b', 'c'];
const iterator = arr.values();

for (const value of iterator) {
  console.log(value);
}
// 输出：a b c

在上面的示例中，我们首先定义了一个包含三个元素的数组 arr。然后，我们调用 values() 方法获取一个 Array Iterator 对象。最后，我们使用 for...of 循环遍历 Array Iterator 对象中的值，并将其输出。

Array.prototype.values() 方法的指导意义

使用 values() 方法遍历数组，相比于传统的 for 循环或者 forEach() 方法，有以下几个优点：

1. 可以使用 for...of 循环来遍历数组，代码更加简洁易懂。
2. values() 方法返回的 Array Iterator 对象可以随时停止或恢复遍历，更加灵活。
3. values() 方法返回的 Array Iterator 对象只包含数组中的值，不包含索引和其他属性，更加干净。

总结

在前端开发中，遍历数组是一项基本的操作。使用 ES7 的 Array.prototype.values() 方法，可以让我们更加方便地遍历数组，代码更加简洁易懂，更加灵活和干净。在实际开发中，我们可以根据具体的需求，选择合适的方法来遍历数组。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/661354e9d10417a2223bd0da