Les tableaux occupent une place centrale en JavaScript, car ils permettent de regrouper, organiser et manipuler des collections de données de manière efficace.
Que ce soit pour stocker des listes de valeurs, gérer des résultats provenant d’une API ou traiter des données utilisateur, leur maîtrise est indispensable dans les études, les examens et les projets concrets.
Cette page d’entraînement se concentre sur les mécanismes essentiels liés aux tableaux : création, accès aux éléments, ajout et suppression de valeurs, ainsi que transformation et analyse du contenu.
En comprenant ces bases, l’apprenant développe une logique de programmation plus structurée et gagne en autonomie.
L’objectif est de vous aider à adopter de bons réflexes, à éviter les erreurs fréquentes liées aux index ou aux modifications involontaires, et à utiliser les méthodes adaptées selon le besoin.
Vous êtes ainsi accompagné pas à pas vers une utilisation plus sûre et plus professionnelle des tableaux en JavaScript.
Les tableaux occupent une place centrale en JavaScript, car ils permettent de regrouper, organiser et manipuler des collections de données de manière efficace.
Que ce soit pour stocker des listes de valeurs, gérer des résultats provenant d’une API ou traiter des données utilisateur, leur maîtrise est indispensable dans les études, les examens et les projets concrets.
Cette page d’entraînement se concentre sur les mécanismes essentiels liés aux tableaux : création, accès aux éléments, ajout et suppression de valeurs, ainsi que transformation et analyse du contenu.
En comprenant ces bases, l’apprenant développe une logique de programmation plus structurée et gagne en autonomie.
L’objectif est de vous aider à adopter de bons réflexes, à éviter les erreurs fréquentes liées aux index ou aux modifications involontaires, et à utiliser les méthodes adaptées selon le besoin.
Vous êtes ainsi accompagné pas à pas vers une utilisation plus sûre et plus professionnelle des tableaux en JavaScript.
QCM
1
Corrigé
Quelle est la syntaxe correcte pour créer un tableau vide en JavaScript ?
A. let tab = ( );
B. let tab = { };
C. let tab = [ ];
D. let tab = < >;
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
C
Justification :
Les crochets [ ] sont la syntaxe littérale pour définir un tableau en JavaScript.
QCM
2
Corrigé
Quel est l'index du premier élément d'un tableau ?
A. 1
B. 0
C. -1
D. null
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
B
Justification :
En JavaScript, l'indexation des tableaux commence toujours à zéro.
QCM
3
Corrigé
Quelle méthode permet d'ajouter un élément à la FIN d'un tableau ?
A. pop()
B. shift()
C. unshift()
D. push()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
D
Justification :
La méthode push() ajoute un ou plusieurs éléments à la fin et retourne la nouvelle longueur.
QCM
4
Corrigé
Quelle propriété permet de connaître le nombre d'éléments dans un tableau ?
A. length
B. size
C. count
D. index
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
A
Justification :
La propriété .length retourne le nombre total d'entrées présentes dans le tableau.
QCM
5
Corrigé
Que fait la méthode pop() ?
A. Elle ajoute un élément au début
B. Elle supprime le dernier élément du tableau
C. Elle trie le tableau par ordre alphabétique
D. Elle vide entièrement le tableau
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
B
Justification :
pop() retire le dernier élément et le retourne, modifiant ainsi la taille du tableau.
QCM
6
Corrigé
Comment accéder au deuxième élément du tableau 'fruits = ["pomme", "banane"]' ?
A. fruits[1]
B. fruits[2]
C. fruits.second
D. fruits.get(1)
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
A
Justification :
Le deuxième élément est à l'index 1 car le premier est à l'index 0.
QCM
7
Corrigé
Quelle méthode permet d'ajouter un élément au DÉBUT d'un tableau ?
A. push()
B. append()
C. unshift()
D. prepend()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
C
Justification :
unshift() insère les éléments fournis au début du tableau et décale les autres.
QCM
8
Corrigé
Quelle méthode supprime le PREMIER élément d'un tableau ?
A. shift()
B. pop()
C. remove(0)
D. slice(1)
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
A
Justification :
La méthode shift() retire le premier élément (index 0) et retourne cet élément.
QCM
9
Corrigé
Comment vérifier si une variable est un tableau ?
A. typeof variable === 'array'
B. variable.isArray()
C. variable instanceof List
D. Array.isArray(variable)
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
D
Justification :
Array.isArray() est la méthode statique officielle pour identifier un tableau.
QCM
10
Corrigé
Que fait la méthode join('-') sur un tableau ?
A. Elle fusionne deux tableaux différents
B. Elle transforme le tableau en chaîne de caractères séparés par '-'
C. Elle supprime tous les tirets du tableau
D. Elle soustrait les valeurs numériques du tableau
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
B
Justification :
join() crée une chaîne en concaténant les éléments avec le séparateur spécifié.
QCM
11
Corrigé
Quelle méthode permet d'inverser l'ordre des éléments d'un tableau ?
A. sort(reverse)
B. flip()
C. reverse()
D. turn()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
C
Justification :
reverse() inverse l'ordre des éléments directement sur le tableau d'origine.
QCM
12
Corrigé
Comment récupérer une portion d'un tableau sans modifier l'original ?
A. splice()
B. slice()
C. split()
D. cut()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
B
Justification :
slice() renvoie une copie superficielle d'une portion du tableau dans un nouvel objet.
QCM
13
Corrigé
Quelle méthode peut à la fois supprimer, remplacer ou ajouter des éléments à n'importe quel index ?
A. splice()
B. slice()
C. edit()
D. change()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
A
Justification :
splice() est l'outil le plus polyvalent pour modifier le contenu d'un tableau.
QCM
14
Corrigé
Laquelle de ces méthodes crée un nouveau tableau en appliquant une fonction à chaque élément ?
A. forEach()
B. filter()
C. find()
D. map()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
D
Justification :
map() est utilisé pour transformer les données d'un tableau en un nouveau format.
QCM
15
Corrigé
Quelle méthode retourne le premier élément d'un tableau qui remplit une condition ?
A. find()
B. filter()
C. search()
D. index()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
A
Justification :
find() renvoie la valeur du premier élément trouvé ou undefined si rien ne correspond.
QCM
16
Corrigé
Quelle méthode renvoie TOUS les éléments d'un tableau qui valident un test ?
A. map()
B. filter()
C. every()
D. some()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
B
Justification :
filter() crée un nouveau tableau contenant uniquement les éléments ayant passé le test.
QCM
17
Corrigé
Comment fusionner deux tableaux 'A' et 'B' en un seul ?
A. A.concat(B)
B. A + B
C. A.join(B)
D. A.merge(B)
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
A
Justification :
concat() est utilisé pour fusionner des tableaux sans modifier les originaux.
QCM
18
Corrigé
Quelle méthode renvoie l'index de la première occurrence d'une valeur ?
A. positionOf()
B. findKey()
C. indexOf()
D. searchIndex()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
C
Justification :
indexOf() renvoie l'index de l'élément ou -1 s'il n'est pas présent.
QCM
19
Corrigé
Que retourne 'includes()' si la valeur est trouvée dans le tableau ?
A. L'index de la valeur
B. true
C. La valeur elle-même
D. false
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
B
Justification :
includes() renvoie un booléen (true ou false) indiquant la présence de l'élément.
QCM
20
Corrigé
Quelle méthode permet de transformer un tableau en une SEULE valeur finale (ex: une somme) ?
A. sum()
B. total()
C. reduce()
D. compact()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
C
Justification :
reduce() applique une fonction accumulateur pour réduire le tableau à une valeur unique.
QCM
21
Corrigé
Comment vider complètement un tableau 'tab' ?
A. tab.length = 0
B. tab.empty()
C. tab = null
D. tab.clear()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
A
Justification :
Réinitialiser la propriété .length à 0 est la méthode la plus rapide pour vider un tableau.
QCM
22
Corrigé
Quelle méthode vérifie si AU MOINS UN élément du tableau respecte une condition ?
A. one()
B. every()
C. any()
D. some()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
D
Justification :
some() renvoie true si au moins un élément passe le test de la fonction fournie.
QCM
23
Corrigé
Quelle méthode vérifie si TOUS les éléments respectent une condition ?
A. all()
B. every()
C. each()
D. total()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
B
Justification :
every() renvoie true uniquement si chaque élément du tableau valide la condition.
QCM
24
Corrigé
Comment créer une copie d'un tableau 'tab' en utilisant l'ES6 ?
A. let copy = [...tab]
B. let copy = copyOf(tab)
C. let copy = tab.copy()
D. let copy = &tab
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
A
Justification :
L'opérateur de décomposition (spread operator) '...' est un standard moderne pour copier un tableau.
QCM
25
Corrigé
Quelle est la limite de stockage d'un tableau en JavaScript ?
A. 256 éléments
B. 65536 éléments
C. Environ 4,29 milliards d'éléments
D. Il n'y a aucune limite théorique
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
C
Justification :
La taille maximale est déterminée par un entier non signé de 32 bits (2^32 - 1).
QCM
26
Corrigé
Quelle méthode permet de transformer un objet itérable (comme une String) en tableau ?
A. Array.from()
B. Array.into()
C. Array.cast()
D. Array.make()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
A
Justification :
Array.from() crée une nouvelle instance de tableau à partir d'un itérable ou d'un objet semblable à un tableau.
QCM
27
Corrigé
Que se passe-t-il si vous accédez à un index qui n'existe pas ?
A. Une erreur de crash
B. undefined
C. null
D. NaN
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
B
Justification :
JavaScript ne bloque pas l'accès mais renvoie 'undefined' pour les index inexistants.
QCM
28
Corrigé
Quelle méthode trie les éléments d'un tableau sur place ?
A. order()
B. arrange()
C. organize()
D. sort()
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
D
Justification :
sort() trie les éléments du tableau et le modifie directement.
QCM
29
Corrigé
Peut-on stocker des types de données différents dans un même tableau JavaScript ?
A. Non, seulement des nombres
B. Oui, absolument tout (nombres, chaînes, objets, etc.)
C. Seulement si le tableau est déclaré avec 'var'
D. Non, cela nécessite un objet spécial
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
B
Justification :
Les tableaux JavaScript sont dynamiques et peuvent contenir des types de données mixtes.
QCM
30
Corrigé
Quel est le résultat de '[1, 2, 3].pop()' ?
A. [1, 2]
B. 1
C. 3
D. [2, 3]
Afficher la réponse
Cliquez pour voir la correction
Réponse correcte :
C
Justification :
La méthode pop() retourne l'élément qu'elle vient de supprimer (le dernier).
Mots & Définitions
Consultez les définitions des termes importants.
Un tableau est une structure de données qui permet de stocker plusieurs valeurs dans une seule variable. Les éléments sont ordonnés et accessibles par leur position, appelée index. Les tableaux sont très utilisés pour gérer des listes de données.
L’index correspond à la position d’un élément dans un tableau. En JavaScript, le premier élément commence toujours à l’index 0. Bien comprendre les index évite les erreurs d’accès aux données.
La propriété length indique le nombre total d’éléments présents dans un tableau. Elle sert souvent de condition d’arrêt dans une boucle. Modifier sa valeur peut aussi influencer le contenu du tableau.
push() ajoute un nouvel élément à la fin d’un tableau existant. Cette méthode modifie directement le tableau d’origine. Elle est très utilisée pour construire une liste progressivement.
pop() supprime le dernier élément d’un tableau et le renvoie. Elle modifie la taille du tableau. C’est une méthode pratique pour retirer des éléments dans l’ordre inverse.
shift() supprime le premier élément d’un tableau. Tous les autres éléments sont alors décalés vers la gauche. Cette opération peut être coûteuse sur de grands tableaux.
unshift() ajoute un ou plusieurs éléments au début d’un tableau. Elle décale les éléments existants vers la droite. C’est l’équivalent de push(), mais au début du tableau.
Array.isArray() permet de vérifier de manière fiable si une variable est bien un tableau. Elle évite les confusions avec d’autres types d’objets. C’est la méthode recommandée pour ce type de test.
join() transforme les éléments d’un tableau en une seule chaîne de caractères. Un séparateur peut être défini pour relier les valeurs. Cette méthode est utile pour afficher ou exporter des données.
slice() extrait une portion d’un tableau sans modifier l’original. Elle crée un nouveau tableau contenant les éléments sélectionnés. C’est une méthode sûre pour travailler sur des copies.
splice() permet d’ajouter, supprimer ou remplacer des éléments à un index précis. Elle modifie directement le tableau d’origine. C’est l’une des méthodes les plus puissantes pour manipuler des tableaux.
map() crée un nouveau tableau en appliquant une transformation à chaque élément. Le tableau d’origine reste inchangé. Cette méthode est très utilisée pour reformater des données.
filter() renvoie un nouveau tableau contenant uniquement les éléments qui respectent une condition. Elle sert à trier ou sélectionner des données selon des critères précis. Le tableau initial n’est pas modifié.
reduce() combine tous les éléments d’un tableau pour produire une seule valeur finale. Elle est souvent utilisée pour calculer une somme, un total ou un résultat global. Son fonctionnement repose sur une fonction accumulatrice.
sort() trie les éléments d’un tableau directement sur place. Par défaut, le tri se fait sous forme de chaînes de caractères. Pour un tri précis, il est recommandé de fournir une fonction de comparaison.
À propos de ce QCM
Les concepts abordés ici couvrent l’ensemble des opérations fondamentales sur les tableaux en JavaScript.
Un tableau est avant tout une structure ordonnée, dans laquelle chaque élément est identifié par un index numérique commençant à zéro.
Cette particularité influence directement la manière d’accéder aux valeurs et de parcourir les données, notamment lors de l’utilisation de boucles ou de méthodes dédiées.
Comprendre le rôle de la propriété indiquant la taille du tableau permet de contrôler précisément les traitements et d’éviter les accès hors limites.
Les méthodes d’ajout et de suppression d’éléments constituent un autre pilier.
Certaines agissent sur la fin du tableau, d’autres sur le début, et chacune modifie la structure existante.
Savoir quand utiliser ces méthodes est essentiel pour préserver la cohérence des données.
À côté de cela, JavaScript propose des outils puissants pour extraire ou modifier des portions de tableaux, soit en travaillant sur une copie, soit en intervenant directement sur l’original.
Cette distinction est capitale pour éviter des effets de bord difficiles à déboguer.
Les méthodes dites “fonctionnelles” jouent également un rôle clé dans la manipulation moderne des tableaux.
Elles permettent de transformer, filtrer ou analyser les données sans recourir systématiquement à des boucles classiques.
Certaines produisent de nouveaux tableaux, d’autres évaluent des conditions ou résument l’ensemble des éléments en une valeur unique.
Ces approches favorisent un code plus lisible, plus expressif et souvent plus fiable.
Enfin, la gestion avancée des tableaux inclut la fusion de plusieurs listes, la recherche d’éléments précis, le tri et la vérification de la présence d’une valeur.
Ces opérations sont omniprésentes dans les applications réelles, qu’il s’agisse de formulaires, de tableaux de bord ou de traitements de données complexes.
En maîtrisant ces notions, l’apprenant renforce sa compréhension théorique tout en développant des compétences pratiques directement exploitables.
Conclusion
Cet ensemble de QCM permet de consolider les bases indispensables pour travailler efficacement avec les tableaux en JavaScript.
En maîtrisant la création, la manipulation et l’analyse des données, vous gagnez en rigueur et en confiance dans l’écriture de vos scripts.
La pratique régulière de ces notions aide à mieux anticiper le comportement du code et à choisir les méthodes les plus adaptées à chaque situation.
Pour progresser durablement, il est recommandé d’expérimenter ces concepts sur de petits exemples concrets, puis de les intégrer dans des projets plus complets.
Les tableaux deviennent alors un outil naturel et puissant au service de votre logique de programmation.
