Un tableau est en réalité un objet: il a une propirté length, on peut lui appliquer des méthodes exemple push(), et l'opérateur typeof dit "object".

Créer et initialiser un tableau

<script>
// Deux façons de créer un tableau non initialisé
let t = [];
// ou
let t = Array();

// crée un tableau initialisé
let t = ["a","b","c"];
//ou
let t = Array("a","b","c");
</script>

Nombre d'éléments d'un tableau

<script>
console.log(t.length);
</script>

Chaque élément du tableau peut être

• une chaîne de caractères (string),
• un nombre entier (integer),
• un nombre à virgule flottante (float)
• une variable de type booleen (contient true ou false)
• un objet noté entre accolades,
• Un tableau! Noté entre crochets. Ce qui le rend multidimensionnel

Ajouter un élément au tableau

Décommenter et tester au fur et à mesure

<script>
let t = ["a","b","c"];

    // Ajoute un élément à la fin du tableau
    t[t.length] = "test";

    // remplace la valeur de l'élément à l'index 1
    //t[1] = "test";

    // Ajoute un élément à la fin du tableau
    //t.push("test");

    // Ajoute plusieurs élements
    //t.push("d", "e", "f");

    // Ajoute un élément au début du tableau
    //t.unshift("test");

    // Ajoute à l'index 1. Résultat:["a","test","b","c"]
    // arguments de splice(): à l'index 1, supprime 0 éléments, et ajoute "test"
    //t.splice(1,0,"test");

    // concatène un tableau
    //var ar2 = [4, 5, 6];
    //t = t.concat(ar2);

for (let i=0; i<t.length; i++) {
  console.log(t[i]);
}
</script>

Supprimer un élément du tableau

<script>
    // supprime le 1er élément du tableau
    //t.shift();

    // arguments de splice(): à l'index 2, supprime 1 éléments, et n'ajoute rien
    //t.splice(2,1);

    // supprime le dernier élément du tableau
    //t.pop();

for (let i=0; i<t.length; i++) {
  console.log(t[i]);
}
</script>

Trier un tableau

<script>
t.sort();
</script>

Tableaux multidimensionnels

Tableau à deux dimensions

<script>
const t = ["a",['ok',25,true,'ko'],'c'];

// à votre avis qu'affiche ceci?
console.log(t[1][0]);
console.log(t[1][1]);
console.log(t[1][2]);
console.log(t[1][3]);
</script>

Tableaux associatifs

Javascript ne supporte pas les tableaux associatifs et ne comprend que les tableaux indexés.
C'est possible, cependant Javascript redéfinit le tableau comme un objet:

<script>
const person = [];
person["firstName"] = "John";
person["lastName"] = "Doe";
person["age"] = 46;
person.length;     // Will return 0
person[0];         // Will return undefined
</script>

5 façons de boucler sur un tableau

<script>
const t = ['a','b','c'];

// for
for(n=0; n<t.length; n++){
    console.log(t[n]);
}

// boucle javascript plus compacte/rapide à écrire
for(n in t){
    console.log(t[n]);
}

// forEach
t.forEach(x => console.log(x));


const fruits = ["Banana", "Orange", "Apple", "Mango"];
let text = "<ul>";
fruits.forEach(myFunction);
text += "</ul>";

function myFunction(value) {
  text += "<li>" + value + "</li>";
}


// while
let n = 0;
while(n < t.length){
    console.log(t[n]);
    n++;
}

// do while
n = 0;
do{
    console.log(t[n]);
    n++;
}while(n<t.length);

</script>