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

entries() 方法创建一个新的数组迭代器对象，保存数组中每个值的键/值对。键表示将项目作为其值的索引号。它不影响原始数组。

用法

以下语法表示 entries() 方法：

array.entries()

参数

它没有任何参数。

它返回新创建的数组迭代器对象。迭代器对象表示数组的每个元素，并为其分配了键。

JavaScript 数组 entries() 方法示例

让我们实现一些示例来更好地理解 toString() 方法：

范例1：一个简单的数组 entries() 方法一个数组。

<html>
<head> <h5> Array Methods </h5>
<body>
    <script>
    var arr=['John','Michael','Embrose','Herry','Lewis'];
    var itr=arr.entries();
    document.write("After applying the entries method:"+"<br>");

    for(var e of itr) //for loop using var.
    {
        document.write(e+"</br>");
    }
    </script>
</body>
</head>
</html>

输出：

输出显示了分配给它的键的数组元素。因此，一起形成一个键/值对。

范例2：此示例通过 let 声明表示数组 entries() 方法。

<html>
<head> <h5> Array Methods </h5>
<body>
    <script>
    var arr=['John','Michael','Embrose','Herry','Lewis']; // array elements
    var itr=arr.entries();
    document.write("After applying the entries method:"+"<br>");

    for(let e of itr) // let declares a variable, but its scope is within the block.
    {
        document.write(e+"</br>");
    }
    </script>
</body>
</head>
</html>

输出：

输出将与上述示例中显示的相同。

示例3：此示例通过单击 "apply" 按钮显示数组的 (key,value) 对。

<html>
<head> <h5> Array Methods </h5>
<body>
    <script>
        function arr()
        {
               var name=['John','Serious','Hadrik','Harry'];
                var itr=name.entries(); //Using entries() method.
                         document.write("After applying the entries method:"+"<br>");
                 for(x of itr)
            {
            document.write("<br>"+x); //This will display one array                 element per line. 
            }
        }
        </script>
</body>
<input type="button" onClick="arr()" value=" Apply"/> //invoking the arr() function.
</head>
</html>

输出：

调用arr()函数后，输出出来了：

示例 4：显示候选在给定数组中的位置。

<html>
<head> <h5> Array Methods </h5>
<body>
    <script>
        function position()
        {
            var name=['John','Serious','Hadrik','Harry'];
            var itr=name.entries(); //Using entries() method.
            document.write("The positions of each candidate in a sequence are: "+"<br>");
            for(x of itr)
            {
                document.write("<br>"+x); //This will display one array element per line with its key. 
            }
        }
        </script>
</body>
<input type="button" onClick="position()" value=" Click to Display"/> 
</head>
</html>

输出：

输出将是：

示例 5：

<html>
<head> <h5> Array Methods </h5>
<body>
    <script>
        function position()
        {
            var name=[1,2,3,4,5,6,7,8,8,9];
            var itr=name.entries(); //Using entries() method.
            document.write("The positions of each number in a sequence are: "+"<br>");
            for(x of itr)
            {
                document.write("<br>"+x); //This will display one array element per line with its key. 
            }
        }
        </script>
</body>
<input type="button" onClick="position()" value=" Click to Display"/> 
</head>
</html>

输出：

点击 "display" 按钮后，每个数字在数组中的位置将是：

相关用法

注：本文由纯净天空筛选整理自 JavaScript Array entries() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。