在 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