Cours Les Tableaux
Un tableau en JavaScript est un objet qui permet de lister plusieurs variables ou
valeurs, et de les regrouper.
I- Déclaration d’un tableau
Vous pouvez également stocker des variables et des constantes dans votre
tableau :
Remarque :
En JavaScript, vous pouvez utiliser à la fois let et const pour déclarer un tableau. La différence
réside dans la mutabilité du tableau :
Utilisez let si vous prévoyez de modifier le contenu du tableau, comme ajouter ou supprimer
des éléments.
Utilisez const si vous ne prévoyez pas de modifier le tableau lui-même, mais que vous
pouvez toujours modifier les éléments individuels à l'intérieur du tableau.
II- Accédez à un élément de votre tableau :
Exemple 1 :
Exemple 2 :
Résultat :
III- Comptez le nombre d’éléments de votre tableau :
Pour compter le nombre d’élément d’un tableau en utilise la propriété length
Exemple
IV- Modifiez les tableaux grâce aux méthodes
1- Ajoutez des données a la fin du tableau grâce à la méthode push
2- Ajoutez des données au début du tableau grâce à la méthode unshift
3- Supprimez des données a la fin du tableau grâce à la méthode pop
Pour supprimer la dernière donnée de votre tableau, vous pouvez utiliser la
méthode pop sans avoir besoin de passer de valeurs (c'est-à-dire, sans rien écrire entre
les parenthèses).
Exemple
4- Supprimez des données au début du tableau grâce à la méthode shift
Pour supprimer la première donnée de votre tableau, vous pouvez utiliser la
méthode shift sans avoir besoin de passer de valeurs (c'est-à-dire, sans rien écrire entre
les parenthèses).
Exemple
5- Ajouter et supprimer grace à la méthode splice
splice() en JavaScript est utilisée pour modifier le contenu d'un tableau en supprimant
ou en remplaçant des éléments existants et/ou en ajoutant de nouveaux éléments à des
positions spécifiques.
Exemple :
6- Rechercher un élément dans un tableau grâce à la méthode Includes :
La méthode includes() en JavaScript est utilisée pour vérifier si un tableau contient
une certaine valeur. Elle renvoie true si la valeur spécifiée est trouvée dans le tableau,
sinon elle renvoie false.
Exemple
7- La méthode Map :
La méthode map() en JavaScript est utilisée sur les tableaux pour appliquer une
fonction à chaque élément du tableau, créant ainsi un nouveau tableau avec les
résultats de l'application de cette fonction à chaque élément. Elle ne modifie pas le
tableau d'origine. Cela permet de transformer un tableau en un autre tableau en
appliquant une logique à chaque élément, sans altérer le tableau original.
1. Exemple1 : Multiplier chaque élément d'un tableau par 2 :
2. Exemple2 : Convertir une liste de noms en une liste de longueurs de noms :
V- Parcours des Éléments d'un Tableau
Il existe plusieurs méthodes pour parcourir les éléments d'un tableau en JavaScript :
1- Boucle for :
2- Boucle for...of :
Série d’exercice des tableaux
Exercice 1: Somme des Éléments
Écrivez un programme qui calcule la somme de tous les éléments d’un tableau.
Exercice 2: Plus Grand Élément
Écrivez un programme qui affiche le plus grand élément dans un tableau de nombres.
Exercice7 :
Ecrivez un programme en JavaScript qui permet:
1. De Créer un tableau vide
2. Créez une fonction Ajouter_nombre (), appelée au clic sur le bouton qui permet
l’ajout des nombres dans ce tableau.
3. Créez une fonction Affiche_resultat(), appelée au clic sur le bouton, qui affiche
le résultat de la somme des valeurs du tableau.
Exercice 8 :
Ecrivez un programme en JavaScript qui permet:
1. De créer un tableau vide
2. De créer une fonction Ajouter_nombre (), appelée au clic sur le bouton qui permet
l’ajout des nombres dans ce tableau.
3. De créer une fonction Affiche_resultat(), appelée au clic sur le bouton, qui
affiche la plus petite valeur et la plus grande valeur dans ce tableau.
Exercice 9 :
Ecrivez un programme en JavaScript qui permet:
1. De Créer un tableau vide
2. Créez une fonction Ajouter_nombre (), appelée au clic sur le bouton qui permet
l’ajout des nombres dans ce tableau.
3. Créez une fonctionAfficher_tableau () qui affiche les éléments du tableau
4. Créez une fonction Recherche_nombre(), appelée au clic sur le bouton, qui vérifie
l’existence d’une valeur donnée par l’utilisateur dans ce tableau, si la valeur existe, il
renvoie sa première position dans ce tableau.
