[JavaScript]配列(Array)の最後の要素を取得するには？

どうも、ちょげ(@chogetarou)です。

配列(Array)の末尾の要素を取得する方法を紹介します。

方法

配列(Array)の最後の要素を取得する方法は、4つあります。

at()

１つ目は、at()を使う方法です。

まず、配列からat()を呼び出します。

そして、at()の引数に「−１」を指定します。

var last = array.at(-1);

上記のat()は、呼び出した配列の最後の要素を取得します。

使用例

var numbers = [1, 2, 3, 4, 5, 6, 7, 8];

var last = numbers.at(-1);

console.log(last);

出力：
8

インデックス

２つ目は、インデックスを使う方法です。

具体的には、配列の末尾のインデックスにアクセスします。

末尾のインデックスは、配列のlengthプロパティを「−１」して取得します。

var last = array[array.length - 1];

配列の末尾のインデックスにアクセスすることで、配列の最後の要素を取得できます。

使用例

var numbers = [1, 2, 3, 4, 5, 6, 7, 8];

var last = numbers[numbers.length - 1];

console.log(last);

出力：
8

slice()

３つ目は、slice()を使う方法です。

まず、配列からslice()を呼び出します。

slice()の引数に「−１」を指定します。

そして、slice()の戻り値のインデックス「０」の要素にアクセスします。

var last = array.slice(-1)[0];

上記のslice()のインデックス「０」にアクセスすることで、slice()を呼び出した配列の最後の要素を取得できます。

使用例

var numbers = [1, 2, 3, 4, 5, 6, 7, 8];

var last = numbers.slice(-1)[0];

console.log(last);

出力：
8

pop()

４つ目は、pop()を使う方法です。

具体的な方法としては、配列からpop()を呼び出します。

var last = array.pop();

上記のpop()は、呼び出した配列の最後の要素を取得します。

また、pop()は、呼び出した配列の最後の要素を削除します。

もし、pop()で呼び出した配列の要素を削除したくない場合は、pop()を配列のコピーから呼び出します。

var last = [...array].pop();

使用例

var numbers = [1, 2, 3, 4, 5, 6, 7, 8];

var last = numbers.pop();

console.log(numbers);
console.log(last);

出力：
[
  1, 2, 3, 4,
  5, 6, 7
]
8

まとめ

配列(Array)の最後の要素を取得する方法は、次の４つです。

• at()を使う方法
  var last = array.at(-1);
• インデックスを使う方法
  var last = array[array.length - 1];
• slice()を使う方法
  var last = array.slice(-1)[0];
• pop()を使う方法
  var last = [...array].pop();