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

列印頁面