在 ES7 中， JavaScript 提供了两个新的 Array 原型方法：Array.prototype.values() 和 Array.prototype.keys()。本文将详细讲解这两个新特性，并提供一些示例代码，以便读者更好地理解它们的用途。
Array.prototype.values()
Array.prototype.values() 方法返回一个新的 Array Iterator 对象，该对象包含数组中每个元素的值。可以使用 for...of 循环来遍历 Array Iterator 对象并访问它的值。
下面是一个使用 Array.prototype.values() 方法的示例：
----- --- - ----- ---- ----- ----- -------- - ------------- --- ------ ----- -- --------- - ------------------- - -- ---- - -
在上面的示例中，我们首先使用 Array.prototype.values() 方法获取到一个 Array Iterator 对象 iterator。然后，使用 for...of 循环遍历该对象并输出每个元素的值。
值得注意的是，Array.prototype.values() 方法是在 ES6 中引入的，但只有在 ES7 中才被作为正式的 ECMAScript 规范列入数组原型的正式方法。
Array.prototype.keys()
类似于 Array.prototype.values() 方法，Array.prototype.keys() 方法也返回一个新的 Array Iterator 对象。该对象包含数组中每个元素的键（即索引值）。可以使用 for...of 循环遍历 Array Iterator 对象并访问它的键。
下面是一个使用 Array.prototype.keys() 方法的示例：
----- --- - ----- ---- ----- ----- -------- - ----------- --- ------ --- -- --------- - ----------------- - -- ---- - -
在上面的示例中，我们首先使用 Array.prototype.keys() 方法获取到一个 Array Iterator 对象 iterator。然后，使用 for...of 循环遍历该对象并输出每个元素的键（即索引值）。
同样，需要注意的是，Array.prototype.keys() 方法也是在 ES6 中引入的，但只有在 ES7 中才被作为正式的 ECMAScript 规范列入数组原型的正式方法。
指导意义
Array.prototype.values() 和 Array.prototype.keys() 方法的作用在于简化了访问数组元素的过程。在以往，要想访问数组的元素，需要使用循环或其他的迭代方法。使用这两个方法，我们可以很方便地得到一个包含数组元素值或索引的 Array Iterator 对象，使用 for...of 循环遍历该对象即可得到数组元素的值或索引。
此外，这两个方法的使用也可以提高代码的可读性和可维护性。在阅读代码时，我们可以更清晰地看到对数组元素值或索引的访问，而不需要深入研究循环的逻辑。这样可以让代码更易于理解和维护。
结论
Array.prototype.values() 和 Array.prototype.keys() 方法是 ES7 中新增的重要方法，可以简化访问数组元素的过程，并提高代码的可读性和可维护性。在实际应用中，我们可以灵活运用它们，大大提高代码的效率和质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/673589ba0bc820c5824efcf1