JavaScript Array at()

定義と使用法

at() メソッドは指定されたインデックス位置の要素を配列から返します。

at() メソッドと [] の効果が同じです。

2022 年 3 月から、at() このメソッドはすべての現代ブラウザでサポートされています。

注意

多くのプログラミング言語では、末尾の要素にアクセスするために負のインデックスを使用することができます(例:[-1])。

JavaScript では、これは不可能です。 [] 配列やオブジェクトにアクセスするために使用されます。obj[-1] はオブジェクトの最後の属性ではなく、キーが -1 の値を指します。

at() このメソッドは ES2022 で導入され、この問題を解決するために使用されます。

例 1

fruits 配列の 3番目の要素を取得:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at(2);

自分で試してみる

例 2

fruits 配列の 3番目の要素を [] で取得:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[2];

自分で試してみる

例 3

fruits 配列の最初の要素を取得:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at();

自分で試してみる

例 4

fruits 配列の最後の要素を取得:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at(-1);

自分で試してみる

文法

array.at(index)

パラメータ

パラメータ 説明
index

オプション。返す配列要素の索引(位置)。

デフォルト値は 0。-1 は最後の要素を返します。

返り値

タイプ 説明
指定された位置(索引)の要素。

ブラウザサポート

2022 年 3 月から、JavaScript 配列 at() このメソッドはすべてのブラウザでサポートされています:

Chrome Edge Firefox Safari Opera
Chrome 92 Edge 92 Firefox 90 Safari 15.4 Opera 78
2021 年 4 月 2021 年 7 月 2021 年 7 月 2022 年 3 月 2021 年 8 月