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>

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

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

打印页面