Accéder aux éléments d'un tableau

Fait partie de la section Fondamentaux du Journey JavaScript de Coddy — leçon 58 sur 77.

En JavaScript, nous utilisons des tableaux pour stocker plusieurs valeurs dans une seule variable. Chaque valeur dans un tableau est appelée un élément, et chaque élément possède un index. Les indices commencent de 0 jusqu'à la longueur du tableau moins un.

Par exemple, jetez un œil au tableau suivant :

let myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g']

L'élément a est à l'index 0
L'élément b est à l'index 1
...
L'élément g est à l'index 6

Pour accéder à un élément d'un tableau, nous pouvons utiliser son index entre crochets. Par exemple, pour accéder au premier élément d'un tableau nommé myArray, nous utiliserions myArray[0].

Voici un exemple :

let myArray = [10, 20, 30, 40, 50]
let element = myArray[2]

La variable element contiendra la valeur 30 car elle accède au troisième élément (qui a un index de 2).

Défi

Facile

Créez une fonction nommée values qui reçoit un tableau en argument et affiche tous les éléments du tableau les uns après les autres.

Pour itérer sur un tableau, utilisez la propriété .length à l'intérieur de l'instruction for :

let myArray = [10, 20, 30, 40, 50]
for (let i = 0; i < myArray.length; i++) {
    console.log(myArray[i]);
}

De cette façon, i itérera de 0 à myArray.length (non inclus), ce qui correspond exactement à tous les indices du tableau.

Aide-mémoire

Les tableaux stockent plusieurs valeurs dans une seule variable. Chaque élément possède un index commençant par 0 :

let myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g']

Accédez aux éléments en utilisant des crochets avec l'index :

let myArray = [10, 20, 30, 40, 50]
let element = myArray[2] // Retourne 30

Parcourez les tableaux en utilisant la propriété .length :

for (let i = 0; i < myArray.length; i++) {
    console.log(myArray[i]);
}

Essayez vous-même

function values(arr) {
    // Écrire le code ici
}

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Fondamentaux

1Introduction

Le langage Hello World !Commentaires Structure du code

4Opérateurs Partie 2

Opérateurs logiques Partie 1 Opérateurs logiques Partie 2 Récapitulatif - Logique simple Opérateurs logiques Partie 3 Coercion de type

7Calculateur de partage d'addition

Message de bienvenue Calcul du pourboire et du total

Partager l'addition

Affichage formaté

10FizzBuzz avec une variante

Présentation du jeu La fonction FizzBuzz

Parcourir les nombres

Ajouter la variante

13Suivi de liste de courses

Présentation du projet Ajouter un article

Supprimer un article

Afficher la liste

2Variables

Nombres Chaînes de caractères Booléens Conventions de nommage Variables vides Récapitulatif - Initialiser des variables Constantes

5Prise de décision

L'instruction If If - Else Récapitulatif - Calculatrice simple If - Else imbriqués L'instruction Switch

8Boucles

Boucle For Boucle While Break Continue Récapitulatif - Factorielle Boucle Do While Boucles imbriquées

11Les tableaux - Partie 1

Déclarer un tableauAccéder aux éléments d'un tableauModifier des tableaux Méthodes de tableau - Partie 1 Méthodes de tableau - Partie 2 Récapitulatif - Processeur de tableaux

14Défis finaux

Pyramide de nombres Doubler les impairs Quoi acheter