【JavaScript ECMAScript】Array::Array.prototype.atインスタンスメソッドの使い方

Array.prototype.at()メソッドは、呼び出し元の配列から指定されたインデックスの要素を取得するメソッドです。配列の要素にアクセスする際に、このメソッドは非常に柔軟な方法を提供します。具体的には、正のインデックス（0から始まり、先頭からの位置を示す）だけでなく、負のインデックスも引数として受け入れる点が大きな特徴です。負のインデックスを使用すると、配列の末尾から要素の位置を数えられます。例えば、-1を指定すると配列の最後の要素に、-2を指定すると最後から2番目の要素にアクセスできます。

従来のJavaScriptで配列の末尾から要素を取得する場合、通常はarray[array.length - N]のように配列の長さを利用した計算が必要でした。しかし、at()メソッドを使うことで、そのような計算の記述を省略し、直接負のインデックスを指定するだけで目的の要素にアクセスできるため、コードがより簡潔になり、読みやすさも向上します。

このメソッドは、引数としてアクセスしたい要素のインデックスを整数値で一つ受け取ります。戻り値としては、指定されたインデックスに対応する配列の要素が返されます。もし指定されたインデックスが配列の有効な範囲外である場合は、undefinedが戻り値として返されます。このメソッドはECMAScriptの比較的新しい機能として標準化されており、配列の操作をより直感的かつ効率的に行うための便利な手段です。

Copy
1const myArray = ['apple', 'banana', 'cherry', 'date'];
2const elementByIndex = myArray.at(1);  // 'banana' を返します
3const elementFromEnd = myArray.at(-2); // 'cherry' を返します

index

• index: number: 配列から取得したい要素のインデックスを指定する整数

配列の要素、または undefined

指定されたインデックスにある配列の要素を返します。インデックスが配列の範囲外の場合は undefined を返します。