Aller au contenu principal

Tableaux

Notions théoriques​

Un tableau en JavaScript est un type d'objet utilisé pour stocker plusieurs valeurs dans une seule variable.

Les tableaux sont des objets de type liste dont le prototype a des méthodes pour effectuer des opérations de traversée et de mutation.

Pour créer un tableau, nous utilisons des crochets [] et une liste de valeurs séparées par des virgules :

let fruits = ["Pomme", "Banane", "Cerise"];

Ici, fruits est un tableau contenant 3 chaînes de caractères.

Nous pouvons accéder à ces valeurs en utilisant leur index (leur position dans le tableau), comme ceci :

console.log(fruits[0]);  // Affiche "Pomme"
remarque

Notez que les indices de tableau en JavaScript commencent à 0, donc le premier élément se trouve à l'index 0, le deuxième à l'index 1, et ainsi de suite.

Bonne pratique - Index base zero

Les indices de tableau commencent a 0. Le dernier element est a l'index tableau.length - 1.

Exemple pratique​

let notes = [15, 12, 14, 16, 13];

console.log(notes[0]);  // Affiche 15
console.log(notes[2]);  // Affiche 14
  • Dans cet exemple, notes est un tableau contenant 5 nombres.
  • Nous pouvons accéder à ces nombres en utilisant leur index.

Quelques méthodes à connaître​

JavaScript fournit plusieurs méthodes intégrées pour travailler avec les tableaux.

  • push() :

    Cette méthode ajoute un ou plusieurs éléments à la fin d'un tableau et retourne la nouvelle longueur du tableau.

  • pop() :

    Cette méthode supprime le dernier élément d'un tableau et retourne cet élément.

  • shift() :

    Cette méthode supprime le premier élément d'un tableau et retourne cet élément.

  • unshift() :

    Cette méthode ajoute un ou plusieurs éléments au début d'un tableau et retourne la nouvelle longueur du tableau.

  • slice() :

    Cette méthode renvoie une copie d'une portion de tableau dans un nouvel objet tableau.

  • splice() :

    Cette méthode change le contenu d'un tableau en supprimant, remplaçant ou ajoutant des éléments.

Bonne pratique - push et pop

push() et pop() agissent sur la FIN du tableau. Pour le DEBUT, utiliser unshift() et shift().

Test de mémorisation/compréhension​


Qu'est-ce qu'un tableau en JavaScript ?


Comment accède-t-on aux éléments d'un tableau en JavaScript ?


Quelle méthode ajoute un ou plusieurs éléments à la fin d'un tableau ?


Quelle méthode supprime le premier élément d'un tableau ?


Quelle méthode renvoie une copie d'une portion de tableau dans un nouvel objet tableau ?


TP pour réfléchir et résoudre des problèmes​

Dans ce TP, vous allez créer un tableau pour représenter les notes d'un étudiant dans différentes matières.

Le tableau devra avoir les éléments suivants :

  • maths,
  • francais,
  • anglais,
  • physique
  • et chimie.

Ensuite, vous allez écrire une fonction calculerMoyenne(notes) qui prendra un tableau de notes en argument et retournera la moyenne de ces notes.

let notes = [15, 12, 14, 16, 13];

function calculerMoyenne(notes) {
    ...
}

console.log(calculerMoyenne(notes));  // Affiche la moyenne des notes
Bonne pratique - Éviter les index hardcodés

Utiliser une boucle avec notes.length plutôt que des index fixes pour que la fonction fonctionne avec n'importe quelle taille de tableau.

📌 Une solution