JavaScript Array at()

Définition et utilisation

at() La méthode retourne l'élément à la position d'index spécifiée dans l'array.

at() La méthode est similaire à [] a le même effet.

Depuis mars 2022,at() La méthode est prise en charge dans tous les navigateurs modernes.

Remarque

De nombreux langages de programmation permettent l'utilisation d'indices négatifs (comme [-1]) pour accéder aux éléments finaux des objets/arrays/chaînes.

En JavaScript, c'est impossible car [] Utilisé pour accéder aux tableaux et aux objets. obj[-1] fait référence à la valeur de la clé -1, pas à la dernière propriété de l'objet.

at() La méthode a été introduite dans ES2022 pour résoudre ce problème.

Exemple

Exemple 1

Obtenir le troisième élément de l'array fruits :

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

Essayez-le vous-même

Exemple 2

Obtenir le troisième élément de l'array fruits en utilisant [] :

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

Essayez-le vous-même

Exemple 3

Obtenir le premier élément de l'array fruits :

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

Essayez-le vous-même

Exemple 4

Obtenir l'élément dernier de l'array fruits :

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

Essayez-le vous-même

Syntaxe

array.at(index)

Paramètre

Paramètre Description
index

Optionnel. L'index (position) de l'élément de l'array à retourner.

La valeur par défaut est 0. -1 retourne l'élément dernier.

Valeur de retour

Type Description
Élément à la position (index) donnée dans l'array.

Support du navigateur

Depuis mars 2022, l'array JavaScript at() La méthode est prise en charge dans tous les navigateurs :

Chrome Edge Firefox Safari Opera
Chrome 92 Edge 92 Firefox 90 Safari 15.4 Opera 78
Avril 2021 Juillet 2021 Juillet 2021 Mars 2022 Août 2021