Scribd
Importer
112 vues11 pages

Les Tableaux Javascript

Ce document décrit les tableaux en JavaScript, y compris leur déclaration, l'accès aux éléments, le comptage des éléments, et les méthodes pour modifier, rechercher et parcourir les tableaux.

Transféré par

Salina Mano
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
112 vues11 pages

Les Tableaux Javascript

Ce document décrit les tableaux en JavaScript, y compris leur déclaration, l'accès aux éléments, le comptage des éléments, et les méthodes pour modifier, rechercher et parcourir les tableaux.

Transféré par

Salina Mano
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 11

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.

Vous aimerez peut-être aussi