[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

YouTube のご案内

ポモドーロタイマー（25 分勉強＋ 5 分休憩）を活用した作業・勉強配信を行っています。
集中したいときや、誰かと一緒に頑張りたいときに、ぜひご活用ください。

ご興味のある方は、ぜひお気軽に遊びに来てください！
「Zenn から来ました!!」とコメントを貰えると泣いて喜びます 🤣