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