JavaScript - Array at() 方法

在 JavaScript 中，Array.at（） 方法用于检索数组中指定索引处的元素。我们可以将正值和负值都传递给这个函数：正整数从数组中的第一项开始计数，而负整数从最后一项开始向后计数。

如果我们提供超出范围的索引值作为参数，它不会引发错误，而是返回 “undefined”。

语法

以下是 JavaScript Array.at（） 方法的语法 -


 array.at(index);

参数

此方法只接受一个参数。下面描述相同 -

“index” 参数表示所需元素的位置，该方法返回在该索引处找到的元素。

返回值

此方法返回数组中所提供索引的元素。

示例 1

在下面的示例中，我们使用 JavaScript Array.at（） 函数返回数组的第五个元素 -


<html>
<body>
	 	<p id="demo"></p>
	 	<script>
	 	 	 const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur", "Wolf"];
	 	 	 let result = animals.at(4);
	 	 	 document.getElementById("demo").innerHTML = result;
	 	</script>
</body>
</html>

正如我们在下面看到的输出，这个方法返回了一个新数组（result），其中包含 animals 数组的第五个元素。

Dinosaur

示例 2

在此示例中，我们使用 “[]” 方括号表示法获取数组的第六个元素 -


<html>
<body>
	 	<p id="demo"></p>
	 	<script>
	 	 	 const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur", "Wolf"];
	 	 	 let result = animals[5];
	 	 	 document.getElementById("demo").innerHTML = result;
	 	</script>
</body>
</html>

该程序将返回数组中的第六个元素。

Wolf

示例 3

如果我们不向 at（）函数传递任何值，它将返回指定数组中的第一个元素 -


<html>
<body>
	 	<p id="demo"></p>
	 	<script>
	 	 	 const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur", "Wolf"];
	 	 	 let result = animals.at();
	 	 	 document.getElementById("demo").innerHTML = result;
	 	</script>
</body>
</html>

当我们执行上述程序时，它将返回数组的第一个元素。

Lion

示例 4

如果我们将 0 作为参数传递给这个函数，它将返回数组中的第一个元素 -


<html>
<body>
	 	<p id="demo"></p>
	 	<script>
	 	 	 const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur", "Wolf"];
	 	 	 let result = animals.at(0);
	 	 	 document.getElementById("demo").innerHTML = result;
	 	</script>
</body>
</html>

正如我们所看到的，这个方法返回了数组的第一个元素。

Lion

示例 5

在此示例中，我们将从数组的右侧返回最后一个元素。我们通过将负整数值作为参数传递给此函数来做到这一点 -


<html>
<body>
	 	<p id="demo"></p>
	 	<script>
	 	 	 const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur", "Wolf"];
	 	 	 let result = animals.at(-2);
	 	 	 document.getElementById("demo").innerHTML = result;
	 	</script>
</body>
</html>

正如我们看到的输出，此方法返回了数组右侧的最后一个元素。

Dinosaur

打印本页