JavaScriptLeçon 7 sur 16

Tableaux

Un tableau est une liste de valeurs sous un seul nom : des chansons, des produits, des notes. Les éléments gardent leur ordre et on compte à partir de zéro.

L’essentiel

["a", "b"] est un tableau, list[0] le premier élément, list.length leur nombre
Le dernier élément : list[list.length - 1] ou list.at(-1)
push ajoute à la fin, pop retire à la fin, shift au début, unshift ajoute au début
includes vérifie qu’une valeur est présente, indexOf donne sa position
join(", ") colle les éléments en une chaîne ; un tableau const peut changer, il ne peut juste pas être réaffecté

Exemple

const colors = ["red", "green"];colors.push("blue");console.log(colors);console.log(colors.length, colors[0], colors.at(-1));console.log(colors.includes("green"), colors.indexOf("blue")); const last = colors.pop();console.log(last, colors.join(" + "));

push et pop modifient le tableau lui-même : pop a renvoyé "blue" et l’a retiré. join a transformé le reste en chaîne avec " + " entre les éléments.

Exercice

Utiliser l’éditeur⌘ Entrée ou Ctrl Entrée lance le code, ⇧ ⌘ Entrée vérifie l’exercice.Tab et Maj Tab indentent la ligne ou la sélection ; Échap puis Tab quitte l’éditeur.La vérification compare ce que le programme a affiché à l’exercice ; les espaces en fin de ligne ne comptent pas.Après deux vérifications ratées, la solution s’ouvre. Votre code reste dans ce navigateur.

Une playlist de voyage. Ajoutez la chanson Finale à la fin, retirez la première (Intro) et affichez quatre lignes : Songs: 3, First: Sunrise, Last: Finale et toute la liste jointe par " | " : Sunrise | Night Drive | Finale.

// A road trip playlistconst playlist = ["Intro", "Sunrise", "Night Drive"]; // TODO: add "Finale" to the end of the playlist// TODO: remove the first song ("Intro") console.log(`Songs: ${playlist.length}`);console.log(`First: ${playlist[0]}`);// TODO: print "Last: ..." with the last song// TODO: print the whole playlist joined with " | "

// A road trip playlist
const playlist = ["Intro", "Sunrise", "Night Drive"];

// TODO: add "Finale" to the end of the playlist
// TODO: remove the first song ("Intro")

console.log(`Songs: ${playlist.length}`);
console.log(`First: ${playlist[0]}`);
// TODO: print "Last: ..." with the last song
// TODO: print the whole playlist joined with " | "

Sortie

Ce que le programme affiche apparaîtra ici.