ES7 的新特性：Array.prototype.values() 方法
在 JavaScript 中，数组是一种非常有用的数据结构。 ES7 为数组添加了一个新的方法，即 Array.prototype.values() 方法，使开发人员能够以独特的方式遍历数组中的元素。在本文中，我们将深入了解其语法及其用法，以及一些示例，以便更好地理解。
语法
Array.prototype.values() 方法返回一个新的迭代器对象，该对象包含数组中每个元素的值。
array.values()
参数
该方法不接受任何参数。
返回值
该方法返回一个新的迭代器对象，该对象包含数组中每个元素的值。
示例代码
让我们看几个使用 Array.prototype.values() 方法的实例。
- 遍历数组中的所有元素
const arr = [10, 20, 30, 40, 50];
const it = arr.values();
for (const value of it) { console.log(value); }
// Output: 10 20 30 40 50
我们创建了一个名为 arr 的数组，其中包含了 5 个整数元素。我们调用 arr.values() 方法来创建一个新的迭代器对象，该对象包含了数组中每个元素的值。
重要的是要注意到，我们使用了 for-of 循环迭代器对象 it，以输出数组中的每个元素值。
- 确定数组中是否存在特定的元素
const arr = [10, 20, 30, 40, 50];
const it = arr.values();
const has20 = it.find(value => value === 20);
console.log(has20);
// Output: 20
我们创建了一个名为 arr 的数组，其中包含了 5 个整数元素。我们调用 arr.values() 方法来创建一个新的迭代器对象，该对象包含了数组中每个元素的值。
然后我们使用迭代器对象 it 中的 find() 方法来查找数组中的值等于 20 的元素。最后，我们使用 console.log() 函数输出找到的元素值。
指导意义
Array.prototype.values() 方法是在 ES7 中引入的。它为开发人员提供了一种新的方式来遍历数组中的元素。如果你需要遍历数组中的所有元素，并查找其中特定的元素，那么该方法就非常有用。它本质上是迭代器模式的一个实现，使代码易于阅读、简洁明了。
总结
在本文中，我们深入了解了 ES7 的新特性 Array.prototype.values() 方法。我们了解了其语法及其用法，并通过示例代码以更好的方式解释了它的使用。希望通过这篇文章，您可以了解这个方法，并开始在您的开发过程中使用它来遍历数组中的元素。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c0bb9183d39b4881516292