[TypeScript] 配列の末尾の値を取得する

はじめに

この記事では、コードをシンプルに書ける配列の末尾の値を取得する方法を解説します。

参考資料

結論

下記コードで配列の末尾の値を取得する可能です。

const hoge = list.at(-1);

1. length を使う

const numList: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
console.log(numList[numList.length - 1]);

実行結果を確認する

10

2. .at()を使う

.at()は、ECMAScript 2022 に追加されてました。

Property 'at' does not exist on type 'number[]'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2022' or later.

const numList: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
console.log(numList.at(-1));

実行結果を確認する

10

.at()で存在しない index 番号を指定した場合
.at()の戻り値の型は、「| undefined」の合併型になります。

const numList: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
console.log(numList.at(11));

実行結果を確認する

undefined