Les tableaux (array) en JavaScript sont très semblables aux variables mais, contrairement à ces dernières, peuvent contenir plusieurs valeurs.
var monPremierTableau = [ "item1", 23, 6, true, "dernier élément" ];
undefined
monPremierTableau;(5) [‘item1’, 23, 6, true, ‘dernier élément’]`
Certains navigateurs vous affichent en début de ligne le nombre de valeurs contenues dans le tableau : (5)
Il est possible de demander une valeur du tableau. ATTENTION, JavaScript indexe les valeurs à partir de 0 et pas de 1.
monPremierTableau[0];‘item1’
monPremierTableau[2];‘6’
typeof monPremierTableau[2]; donne le type de la valeur 2 du tableau
monPremierTableau.indexOf(23); donne la position de la valeur dans le tableau
Manipulation des tableaux
monPremierTableau[2] = 12; change la valeur à l’index 2monPremierTableau;(5) [‘item1’, 23, 12, true, ‘dernier élément’]`
monPremierTableau.shift(); supprime la première valeurmonPremierTableau.pop(); supprime la dernière valeurmonPremierTableau.push('html','css'); ajoute des valeurs à la fin du tableau
monPremierTableau.splice(1, 2, 'php', 'js'); modifie le tableau à l’endroit demandé :
– la première instruction (obligatoire) indique l’endroit (1)
– la seconde (obligatoire) indique le nombre de valeurs à enlever à partir de cet endroit (2)
– les suivantes (facultatives) indiquent quelle(s) valeur(s) vont remplacer ou s’ajouter au tableau ("php" et "css")
monPremierTableau.join(" et "); transforme les valeurs en chaîne en ajoutant et ainsi que deux espaces entre chaque valeur.
maChaine = "Tom, Sam, Mia, Lou"; à partir d’une chaîne qu’on a placé dans une variable…
monSecondTableau = maChaine.split(", ");