Guide de marquage des tableaux JavaScript

Le but des tâches est de démontrer une compréhension des fonctionnalités JavaScript abordées dans la leçon Arrays de Apprendre le développement Web sur MDN.

Remarque : S'il y a une erreur dans votre code, elle sera affichée dans le panneau de résultats de la page, pour vous aider à essayer de trouver la réponse (ou dans la console JavaScript du navigateur, dans le cas de la version téléchargeable).

Tache 1

Nous allons commencer simplement ; la première chose que vous devez faire ici est de créer un tableau de trois éléments. Choisissez les articles que vous aimez – vos groupes ou aliments préférés, peut-être ? Stocker dans une variable appelée myArray.

Ensuite, modifiez les deux premiers éléments du tableau en éléments différents, en utilisant une simple notation entre crochets, par exemple myArray[0] = 'pizza'.

Enfin, ajoutez un élément au début du tableau en utilisant .unshift().

La réponse devrait ressembler à ceci :

let myArray = ["cats", "dogs", "chickens"];

myArray[0] = "horses";
myArray[1] = "pigs";

myArray.unshift("crocodiles");

Tache 2

Passant à autre chose, la tâche suivante fournit une chaîne sur laquelle vous pouvez travailler.

Ici, vous devez commencer par diviser la chaîne en un tableau à l'aide de .split('+'). Stockez le tableau dans myArray.

Ensuite, stockez la longueur du tableau ( myArray.length) dans une variable appelée arrayLength.

Enfin, récupérez le dernier élément du tableau avec myArray[myArray.length - 1]; stockez-le dans lastItem.

L'exemple devrait ressembler à ceci :

let myString = "Ryu+Ken+Chun-Li+Cammy+Guile+Sakura+Sagat+Juri";

let myArray = myString.split("+");

let arrayLength = myArray.length;

let lastItem = myArray[arrayLength - 1];

Tache 3

Vous devriez commencer par supprimer le dernier élément du tableau en utilisant myArray.pop().

Ensuite, ajoutez deux nouveaux noms à la fin du tableau en utilisantmyArray.push()

Pour un défi supplémentaire, vous devrez utiliser .forEach()une sorte de boucle (nous n'en avons pas parlé dans l'article sur le tableau, alors recherchez-les) pour parcourir chaque élément du tableau et ajouter son numéro d'index après le nom à l'intérieur. parenthèses. Notez que lorsque vous utilisez, forEachvous effectuez des opérations sur une copie des éléments du tableau, et non sur les éléments du tableau eux-mêmes, vous ne pouvez donc pas les modifier directement — vous devez créer le nouvel élément du tableau et le recopier.

Enfin, vous devez assembler les éléments du tableau dans une chaîne à l'aide de myArray.join(' - '), et stocker le résultat dans myString.

let myArray = [
  "Ryu",
  "Ken",
  "Chun-Li",
  "Cammy",
  "Guile",
  "Sakura",
  "Sagat",
  "Juri",
];

myArray.pop();

myArray.push("Zangief");
myArray.push("Ibuki");

myArray.forEach(function (element, index) {
  let newElement = `${element} (${index})`;
  myArray[index] = newElement;
});

let myString = myArray.join(" - ");

Tache 4

Vous devriez commencer par trouver l'index de "Eagles", en utilisant birds.indexOf().

Ensuite, utilisez l'index with birds.splice()pour supprimer l' "Eagles"élément.

Enfin, vous pouvez utiliser birds.filter()pour obtenir un tableau contenant uniquement des oiseaux commençant par "E".

La fonction transmise filter()peut être utilisée bird.startsWith()pour tester si l'oiseau commence par "E".

const eaglesIndex = birds.indexOf("Eagles");
birds.splice(eaglesIndex, 1);

function startsWithE(bird) {
  return bird.startsWith("E");
}
const eBirds = birds.filter(startsWithE);