Testez vos compétences : les tableaux

L'objectif de ce test est d'évaluer votre compréhension de l'article sur les tableaux en JavaScript (arrays).

Note : Vous pouvez essayer vos solutions dans les éditeurs interactifs qui suivent. Toutefois, il peut aussi être utile de télécharger le code et d'utiliser un outil en ligne comme CodePen, jsFiddle, ou Glitch afin de travailler sur ces tâches.

Si vous vous retrouvez bloqué·e, vous pouvez demander de l'aide (voir la section à ce sujet en fin de page).

Note : Dans les exemples qui suivent, s'il y a une erreur dans votre code, celle-ci s'affichera dans le panneau des résultats, sur la page, afin de vous aider à trouver la solution (ou bien dans la console JavaScript du navigateur si vous utilisez la version téléchargeable).

Tableaux - Exercice 1

Commençons par quelques manipulations de base. Dans cet exercice, vous devrez créer un tableau avec trois éléments. Ce tableau devra être stocké dans une variable intitulée myArray. Les éléments du tableau peuvent être n'importe quoi (si vous avez besoin d'inspiration : pourquoi ne pas utiliser vos plats ou vos groupes de musique préférés ?).

Ensuite, modifiez les deux premiers éléments du tableau en utilisant la notation avec les guillemets/quotes et des opérations d'affectation. Puis ajoutez un nouvel élément au début du tableau.

Vous pouvez mettre à jour le code suivant pour parvenir à la solution :

Note : Téléchargez le code initial pour cet exercice afin de travailler dans votre éditeur sur votre ordinateur ou sur un éditeur en ligne.

Tableaux - Exercice 2

Voyons maintenant un autre exercice. Ici, vous avez une chaîne de caractères sur laquelle travailler. Vous devrez :

  1. Convertir la chaîne de caractères en un tableau tout en retirant les caractères + lors de la conversion. Stockez ensuite le résultat dans une variable intitulée myArray.
  2. Stocker la longueur du tableau dans une variable intitulée arrayLength.
  3. Stocker le dernier élément du tableau dans une variable intitulée lastItem.

Essayez de mettre à jour le code qui suit pour parvenir à la solution :

Note : Téléchargez le code initial pour cet exercice afin de travailler dans votre éditeur sur votre ordinateur ou sur un éditeur en ligne.

Tableaux - Exercice 3

Dans ce dernier exercice, vous disposez d'un tableau de départ et vous devrez effectuer les opérations inverses de l'exercice précédent. Voici ce qu'il faudra réaliser :

  1. Retirer le dernier élément du tableau.
  2. Ajouter deux nouveaux noms à la fin du tableau.
  3. Parcourir chaque élément du tableau et ajouter son indice, entre parenthèses, après le nom (par exemple Ryu (0)). Note : ceci n'est pas indiqué dans l'article sur les tableaux, il vous faudra rechercher comment faire.
  4. Enfin, fusionner les éléments du tableau dans une chaîne de caractères intitulée myString en utilisant "-" comme séparateur.

Essayez de mettre à jour le code qui suit pour parvenir à la solution :

Note : Téléchargez le code initial pour cet exercice afin de travailler dans votre éditeur sur votre ordinateur ou sur un éditeur en ligne.

Recevoir une évaluation ou de l'aide

Vous pouvez vous exercer sur ces exemples grâce aux éditeurs interactifs de la page.

Si vous souhaitez faire évaluer votre travail ou si vous êtes bloqué·e et que vous voulez demander de l'aide :

  1. Enregistrez votre travail dans un éditeur en ligne tel que CodePen, jsFiddle, ou Glitch pour le partager. Vous pouvez écrire le code vous-même ou utiliser les fichiers téléchargeables indiqués comme point de départ.
  2. Rédigez un message pour la demande d'aide ou d'évaluation sur la catégorie Learning du forum Discourse de MDN. Votre billet devrait inclure :
    • Un titre descriptif comme « Évaluation demandée pour le test Tableaux JavaScript ».
    • Des détails sur ce que vous avez déjà tenté et sur quels aspects vous avez besoin d'aide si vous bloquez.
    • Un lien vers l'exemple que vous voulez évaluer ou sur lequel vous avez besoin d'aide. Ce lien doit pointer vers un éditeur en ligne (voir l'étape 1). Il s'agit ici d'une bonne pratique pour commencer : il est souvent difficile d'aider quelqu'un si on ne peut pas voir le code.
    • Un lien vers la page MDN pour la tâche ou l'évaluation afin que nous puissions trouver la question sur laquelle vous avez besoin d'aide.