JavaScript Array values()用法及代码示例

JavaScript数组.values()是 JavaScript 中的内置方法，用于返回一个新的数组 Iterator 对象，该对象包含数组中每个索引的值，即，它打印数组的所有元素。

例子：

Input: A = ['a', 'b', 'c', 'd']
Output: a, b, c, d
Explanation:
Here as we see that input array contain some 
elements and in output same elements get printed.

数组 values() 方法语法

arr.values();

数组 values() 方法 返回值

它返回一个新的数组迭代器对象，即给定数组的元素。

数组values()方法示例

示例 1：使用数组 values() 方法打印数组的值

在这里，我们将使用数组 values() 方法打印数组的值。

// Input array contain some elements
let A = ['Ram', 'Z', 'k', 'geeksforgeeks'];
// Here array.values() method is called.
let iterator = A.values();
// All the elements of the array the array 
// is being printed.
console.log(iterator.next().value);
console.log(iterator.next().value);
console.log(iterator.next().value);
console.log(iterator.next().value);

Ram
Z
k
geeksforgeeks

解释：

• values()在数组上调用方法A.
• 迭代器对象iterator是从数组中获得的。
• 每次调用iterator.next()返回一个带有 a 的对象value包含数组中下一个元素的属性。
• value每个迭代器结果对象的属性都会记录到控制台，以按顺序打印数组的每个元素。

示例 2：带 for 循环的数组 values() 方法

在这里，我们将使用数组 values() 方法和 for 循环来打印数组的值。

// Input array contain some elements.
let array = ['a', 'gfg', 'c', 'n'];
// Here array.values() method is called.
let iterator = array.values();
// Here all the elements of the array is being printed.
for (let elements of iterator) {
    console.log(elements);
}

a
gfg
c
n

解释：

• 数组array包含元素'a','gfg','c'， 和'n'.
• 迭代器iterator使用以下方法从数组中获得values()方法。
• for...of循环迭代迭代器返回的元素。
• 每个元素elements已记录到控制台。
• 输出将是'a','gfg','c'， 和'n'.

示例 3：使用数组 values() 方法打印带孔数组的元素

在这里，我们在带孔的数组中使用了value()方法。

let array = ["A", "B", , "C", "D"];
let iterator = array.values();
for (let value of iterator) {
  console.log(value);
}

A
B
undefined
C
D

解释：

• 数组array包含元素"A","B"，一个空槽，"C"， 和"D".
• 迭代器iterator使用以下方法从数组中获得values()方法。
• for...of循环迭代迭代器返回的元素。
• 每个元素value已记录到控制台。
• 输出将是"A","B","C"， 和"D"。空槽不会产生任何输出。

我们有 JavaScript 数组方法的完整列表，要检查这些方法，请浏览此Javascript 数组完整参考文章。

支持的浏览器：

• 谷歌浏览器
• Edge
• IE浏览器
• Firefox
• Opera
• Safari