Tuto Javascript

Tableaux Javascript

Comment créer des tableaux en Javascript? Les tableaux sont des variables complexes qui servent à stocker des listes d'éléments comme des jours de la semaine, une liste de courses ou bien des coordonnées gps... les éléments sont associés à des clés qui par défaut vont de 0 à nombre d'éléments-1, ainsi le premier élément d'un tableau aura pour clé 0 et le deuxième élément aura pour clé 1 et ainsi de suite.

Déclarer un tableau Javascript

//Un tableau vide
var contacts = [];

//Un tableau rempli
var contacts = ["nom", "prenom", "mail", "tel"];

Afficher un élément du tableau Javascript

var contacts = ["nom", "prenom", "mail", "tel"];

//Affiche: prenom
document.write(contacts[1]);

Ajouter un élement à la fin d'un tableau Javascript

var lesMousquetaires = ["Athos","Porthos","Aramis"];
lesMousquetaires.push("D'Artagnan");

//Affiche Athos,Porthos,Aramis,D'Artagnan
document.write(lesMousquetaires );

Ajouter un élement au début d'un tableau Javascript

var lesExtraTerrestres = ["Alien","E-T","Alf"];
lesExtraTerrestres.unshift("Mars attack");

//Affiche: Mars attack,Alien,E-T,Alf 
document.write(lesExtraTerrestres);

Supprimer un élement à la fin d'un tableau Javascript

var cartes= ["Pique","Coeur","Carreau","Trèfle"];
cartes.pop();

//Affiche: Pique,Coeur,Carreau 
document.write(cartes);

Supprimer un élement au début d'un tableau Javascript

var cartes= ["Pique","Coeur","Carreau","Trèfle"];
cartes.shift();

//Affiche: Coeur,Carreau,Trèfle
document.write(cartes);

Modifier un élement d'un tableau Javascript

var monAgenda= ["Métro","Boulot","Dodo"];
monAgenda[2] = "Bistro";

//Affiche: Métro,Boulot,Bistro
document.write(monAgenda);

Les tableaux multidimentionnels en Javascript

var direction = [["Nord","Sud"],["Est","Ouest"]];

//Affiche: SudOuest
document.write(direction[0][1]);
document.write(direction[1][1]);

Les tableaux associatifs (objets) en Javascript

var os = { Android : "Java", Ios : "ObjectiveC", Windows: "C#" };

//Affiche C#
document.write(os["Windows"]);