Les tableaux
Définition : tableau indexé
Les tableaux indexés permettent de stocker des données sous la forme de liste en les repérant grâce à leur rang.
Le premier élément d'un tableau commence au rang 0.
const a = new Array ; // crée un nouveau tableau vide.
const b = [] ; // crée un nouveau tableau vide. Écriture à préférer.
const c = new Array(elt0,elt1,elt2,eltn); // crée un nouveau tableau contenant les n éléments.
const d = [elt0,elt1,elt2,eltn]; // crée un nouveau tableau contenant les n éléments. Écriture à préférer.
const e = a[0]; // a[0] représente le premier élément du tableau a.
Ajouter un élément
const a = ['toto','titi'];
a[2] = 'tata';
window.console.log(a); // affiche ['toto','titi','tata']
Exemple : Testez
Copiez la variable tableau dans la console.
const tableau = ['lundi','mardi','mercredi','jeudi','vendredi','samedi','dimanche'];
Affichez le deuxième jour.
Attention : tableau associatif
Un tableau associatif fait correspondre une valeur à une clé
Attention en javascript les tableaux associatif ne sont pas prévus. Mais, on pourrait être tenté de faire ce qui suit :
tableau['cle'] = 'valeur' ;
Testez
const tableau = [];
tableau['nom'] = 'dupont';
tableau['prenom'] = 'jean';
console.log(tableau['nom'] + " " + tableau['prenom'])
Cela semble fonctionner. Mais si vous demandez la taille du tableau :
tableau.length
Vous obtenez 0.
On verra plus tard, que les tableaux sont des objets particuliers.
En voulant créer un tableau associatif, en réalité on ajoute des propriétés à notre objet tableau.
Il serait plus propre de remplacer ce tableau associatif par un objet à part entière :
tableauAssociatif = {nom : 'dupont', prenom : 'jean'};
console.log(tableauAssociatif.nom + " " + tableauAssociatif.prenom);
Pour obtenir le nombre d'éléments, on compte le nombre de clés de notre objet :
Object.keys(tableauAssociatif).length
Ce qui se rapproche le plus du tableau associatif est l'objet Map qui permet d’ajouter des paires clé-valeur :
tableauAssociatif = new Map();
tableauAssociatif.set('nom', 'dupont');
tableauAssociatif.set('prenom', 'jean');
console.log(tableauAssociatif.get('nom') + " " + tableauAssociatif.get('prenom'));
Pour obtenir le nombre d'éléments on utilise la propriété size :
tableauAssociatif.size;