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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。