下一篇 → ← 上一篇

JavaScript 数组 values() 方法

17 Mar 2025 | 阅读 2 分钟

values() 方法创建一个新的数组迭代器对象，该对象包含数组中每个索引处的值。我们可以通过循环或迭代器方法来遍历数组元素。

语法

参数

它不接受任何参数。

返回

它创建一个新的数组迭代器对象并返回它。

JavaScript 数组 values() 方法示例

让我们通过一些例子来更好地理解。

示例 1

这是一个使用 for...of 循环实现的示例。

<html>
<head> <h5> Javascript Array Methods </h5> </head>
<body>
<script>
var arr = ["John","Mary","Tom","Harry","Sheero"]; //Intializing array elements
var itr = arr.values(); //Using values() method.
document.write("The array elements are:<br>");
for (let x of itr) { 
	document.write("<br>"+x);
}  //This iterates the array elements through its index value.
</script>
</body>
</html>

输出

迭代后，数组的元素表示为

JavaScript Array values() Method

示例 2

使用 for...of 循环实现的数组 values() 方法的另一种实现。

<html>
<head> <h5> Javascript Array Methods </h5> </head>
<body>
<script>
const arr=["P","Q","R","S","T"]; //Initializing array elements.
const itr=arr.values();
document.write("The array elements are: <br>");
for(let x of itr)
{
	document.write("<br>"+x);
} //This loop will iterate and print the array elements.
</script>
</body>
</html>

输出

输出如下所示

JavaScript Array values() Method

Example3

使用 next() 方法实现的示例。

<html>
<head> <h5> Javascript Array Methods </h5> </head>
<body>
<script>
var arr=["John","Tom","Sheero","Romy","Tomy"]; //Initialized array
var itr=arr.values();
document.write("The array elements are: <br>");
document.write("<br>"+itr.next().value); 
document.write("<br>"+itr.next().value);
document.write("<br>"+itr.next().value);
document.write("<br>"+itr.next().value);
document.write("<br>"+itr.next().value);
</script>
</body>
</html>

输出

JavaScript Array values() Method

注意：如果 next() 方法的使用超出了给定的数组长度，它将返回一个 'undefined' 值。

让我们通过一个例子来理解

示例

<html>
<head> <h5> Javascript Array Methods </h5> </head>
<body>
<script>
var arr=["John","Tom","Sheero","Romy","Tomy"]; //Initialized array
var itr=arr.values();
document.write("The array elements are: <br>");
document.write("<br>"+itr.next().value); //returns value at index 0.
document.write("<br>"+itr.next().value); //returns value at index 1
document.write("<br>"+itr.next().value); //returns value at index 2
document.write("<br>"+itr.next().value); //returns value at index 3
document.write("<br>"+itr.next().value); //returns value at index 4
document.write("<br>"+itr.next().value); //returns undefined
</script>
</body>
</html>

输出

JavaScript Array values() Method

很明显，数组的大小是 4，即 arr[4]。但是 next() 方法使用了 5 次。因此，最后一次调用 next() 返回了 'undefined' 值。

注意：数组迭代器对象的值是数组的地址，因此分别依赖于数组中存在的值。

下一主题JavaScript 数组

← 上一篇下一篇 →

相关帖子

我们提供所有技术（如 Java 教程、Android、Java 框架）的教程和面试问题

联系信息

G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

hr@tpointtech.com

关注我们

教程

Java 数据结构 C 语言 C++ 教程 C# 教程 PHP 教程 HTML 教程 JavaScript 教程 jQuery 教程 Spring 教程

面试题

Microsoft Amazon Adobe Intuit Accenture Cognizant Capgemini Wipro Tcs Infosys

在线编译器

C R C++ Php Java Html Swift Python JavaScript TypeScript

最新帖子 | 教程列表 | 隐私政策 | 关于我们 | 联系我们

© 版权所有 2011 - 2025 TpointTech.com。保留所有权利。