JavaScript数组keys方法

JavaScript数组keys方法教程

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

JavaScript数组keys详解

定义

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

语法

array.keys();

返回值

一个数组可迭代对象。

技术细节

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

案例

keys获取数组迭代器

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

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

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

39_Javascript数组keys方法.png

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

最后，我们使用 for of循环 遍历返回的迭代器，并输出每一个值，结果，我们看到输出的是数组的索引。

keys获取数组迭代器

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

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

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

40_Javascript数组keys方法.png

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

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

JavaScript数组keys方法总结

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

array.keys();