JavaScript数组values方法

JavaScript数组values方法教程

JavaScript 的数组的 values() 方法用于从数组创建一个包含数组值的可迭代对象，其中 values 返回的迭代器是数组的所有的值。

JavaScript数组values详解

定义

values() 方法用于从数组创建一个包含数组值的可迭代对象。

语法

array.values();

返回值

一个数组可迭代对象。

技术细节

该函数只支持 ECMAScript 6 即以上版本。

案例

values获取数组迭代器

使用 values 方法获取数组的迭代器

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript values方法</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var arr = new Array("Hello", "HaiCoder", "Hello", "JavaScript");
            console.log("Arr =", arr);
            var values = arr.values();
            console.log("values =", values);
            for(var value of values){
                console.log("Value =", value);
            }
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

41_Javascript数组values方法.png

我们首先使用 new 创建了一个数组，接着，使用数组的 values() 方法，获取数组的迭代器，此时，我们打印 values，发现输出了数组是一个数组的迭代器。

最后，我们使用 for of循环 ，获取迭代器的每一个元素，此时，返回的是数组的每一个元素的值。

values获取数组迭代器

使用 values 方法获取数组的迭代器

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript values方法</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var arr = new Array("Hello", "HaiCoder", "Hello", "JavaScript");
            console.log("Arr =", arr);
            var values = arr.values();
            console.log("values =", values);
            var item;
            //每次循环都会从生成器中取出一个值，然后输出该值。当生成器不会再生成值的时候，停止迭代。
            while (!(item = values.next()).done) {
              if (item !== null) {
                console.log("value:" + item.value);
              }
            }
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

42_Javascript数组values方法.png

我们首先使用 new 创建了一个数组，接着，使用数组的 values() 方法，获取数组的迭代器，此时，我们打印 values，发现输出了数组是一个数组的迭代器。

最后，我们使用 while循环 加上迭代器的 next 方法不停的遍历迭代器，获取迭代器的每一个元素，并使用迭代器的 value 获取每一个元素的值。

JavaScript数组values方法总结

JavaScript 的数组的 values() 方法用于从数组创建一个包含数组键的可迭代对象，其中 values 返回的迭代器是数组的所有的值。JavaScript 数组 values 语法：

array.values();