Array

Les tableaux (Array)

Création d’un tableau

Voici comment créer un tableau en JavaScript :

let monTableau = []; // tableau vide

let monTableau = [1, 2, 3]; // tableau de nombres

let monTableau = ["un", "deux", "trois"]; // tableau de chaînes de caractères

let monTableau = [true, false, true]; // tableau de booléens

let monTableau = [{ nom: "Alice" }, { nom: "Bob" }]; // tableau d'objets

Vous pouvez également utiliser la syntaxe suivante pour créer un tableau (disponible depuis ECMAScript 2015) :

let monTableau = new Array(); // tableau vide

let monTableau = new Array(1, 2, 3); // tableau de nombres

let monTableau = new Array("un", "deux", "trois"); // tableau de chaînes de caractères

let monTableau = new Array(true, false, true); // tableau de booléens

let monTableau = new Array({ nom: "Alice" }, { nom: "Bob" }); // tableau d'objets

Accès aux éléments d’un tableau

Voici comment accéder aux éléments d’un tableau :

let premierElement = monTableau[0]; // accès au premier élément
let dernierElement = monTableau[monTableau.length - 1]; // accès au dernier élément

Vous pouvez également utiliser une boucle pour parcourir tous les éléments d’un tableau :

for (let i = 0; i < monTableau.length; i++) {
  console.log(monTableau[i]); // affiche chaque élément
}

Vous pouvez également utiliser une boucle for…of{” ”} (disponible depuis ECMAScript 2015) pour parcourir tous les éléments d’un tableau :

for (let element of monTableau) {
  console.log(element); // affiche chaque élément
}

Notez que les boucles for et for…of ne parcourent que les éléments du tableau qui sont enumerables (c’est-à-dire, les éléments qui sont listés lorsque vous utilisez une boucle for ou une boucle for…of). Si vous voulez parcourir tous les éléments du tableau, y compris ceux qui sont hérités et non-enumerables, vous pouvez utiliser la fonction{” ”} Object.getOwnPropertyNames() :

for (let i of Object.getOwnPropertyNames(monTableau)) {
  console.log(monTableau[i]); // affiche chaque élément
}

Modification des éléments d’un tableau

Voici comment ajouter un élément à la fin d’un tableau :

let dernierElement = monTableau.pop(); // retire le dernier élément du tableau

Voici comment retirer un élément de la fin d’un tableau :

monTableau.push(4); // ajoute le nombre 4 à la fin du tableau

Voici comment ajouter un élément au début d’un tableau :

monTableau.unshift(0); // ajoute le nombre 0 au début du tableau

Voici comment retirer un élément du début d’un tableau :

let premierElement = monTableau.shift(); // retire le premier élément du tableau

Voici comment remplacer un élément d’un tableau :

monTableau[1] = "deux"; // remplace le deuxième élément par "deux"

Voici comment insérer un élément à une position donnée d’un tableau :

monTableau.splice(1, 0, "un-demi"); // insère "un-demi" à la deuxième position du tableau

Voici comment supprimer un élément à une position donnée d’un tableau :

monTableau.splice(2, 1); // supprime l'élément à la troisième position du tableau

Voici comment trier les éléments d’un tableau :

monTableau.sort(); // trie les éléments du tableau par ordre alphabétique ou numérique

Voici comment inverse l’ordre des éléments d’un tableau :

monTableau.reverse(); // inverse l'ordre des éléments du tableau

Taille d’un tableau

Voici comment déterminer la taille d’un tableau :

let taille = monTableau.length; // détermine la taille du tableau