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

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

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

方法

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

at()

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

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

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

const last = array.at(-1)

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

使用例

const array: number[] = [1, 2, 3, 4, 5,]

const last = array.at(-1)

console.log(last)

出力：
5

インデックス

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

具体的な方法としては、配列のlengthプロパティを「−１」したインデックスにアクセスします。

const last = array[array.length - 1]

lengthプロパティを「−１」したインデックスにアクセスすることで、配列(Array)の末尾の要素を取得できます。

使用例

const array: number[] = [1, 2, 3, 4, 5,]

const last = array[array.length - 1]

console.log(last)

出力：
5

slice()

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

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

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

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

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

上記のslice()の戻り値のインデックスにアクセスすることで、配列(Array)の末尾の要素を取得できます。

使用例

const array: number[] = [1, 2, 3, 4, 5,]

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

console.log(last)

出力：
5

pop()

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

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

const last = array.pop()

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

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

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

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

使用例

const array: number[] = [1, 2, 3, 4, 5,]

const last = array.pop()

console.log(last)
console.log(array)

出力：
5 
[1, 2, 3, 4] 

まとめ

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

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