Array en Javascript

Array

Les Arrays (ou tableaux) en JavaScript sont des structures de données qui permettent de stocker et manipuler des ensembles de valeurs. Ils sont dynamiques et flexibles, leur taille n’est pas fixe ce qui facilite l’ajout et la suppression d’éléments. On déclare un array de la façon suivante:

let arr = [];

moins couramment on peut le rencontrer aussi sous la form new Array()

let arr = new Array();

A l’initialisation on peut directement spécifier les premiers élements du tableau.

let arr = ['1', '2', '3'];
// ou
let arr2 = new Array('1','2','3');

Il est de plus possible de mixer les types de données au sein de l’array.

let arr = ['1', 2, true];

Taille d’un array

Pour obtenir la taille d’un Array, il faut récupérer la propriété length de l’array.

let arr = ['1', '2', '3'];
console.log(arr.length); // 3

Accéder à un élément d’un array

Les array en javascript sont ordonnés par index commençant par 0. C’est-à-dire que pour accéder au premier élement il faut récupérer l’élement à l’index 0, le deuxième élément à l’index 1 et ainsi de suite. On spécifie l’index via les crochets:

let arr = ['1', '2', '3'];
consolez.log(arr[0]) // '1'

En accédant à l’élément via l’index on a directement la possibilité de modifier la valeur.

arr[1] = 'deux';
console.log(arr): // ['1', 'deux','3'];

Pour accéder au dernier élément de l’array, il faut calculer le dernier index à partir de la taille de l’array:

let arr = ['1', '2', '3'];
let dernierElement = arr[arr.length - 1]; // '3'

Ajout d’éléments dans un array

Pour ajouter un élément à la fin de l’array on utilise la méthode push de l’array.

let arr = ['1', '2', '3'];
arr.push('4');
console.log(arr); // ['1','2','3','4'];

On peut également à ajouter plusieurs éléments en une fois. Il faut mettre chaque élément à la suite en arguments de la méthode push. Exemple:

let arr = ['1', '2', '3'];
arr.push('4', '5', '6');
console.log(arr); // ['1','2','3','4', '5', '6'];

Petite astuce si vos éléments à ajouter sont déjà dans un array2, vous pouvez écrire array.push(…array2);

let arr = ['1', '2', '3'];
let arr2 = ['4','5','6'];
arr.push(...arr2);
console.log(arr); // ['1','2','3','4', '5', '6'];

unshift()

la methode shift() permet d’ajouter des éléments au début de l’array.

let arr = ['1', '2', '3'];
arr.unshift('4','5');
console.log(arr); // ['4','5','1','2','3'];

Suppression d’éléments dans un array

splice()

Pour supprimer un élément d’un array on utilise la méthode splice(). Pour retirer les éléments à partir d’un index jusqu’à la fin:

let arr = ['1', '2', '3', '4', '5'];
arr.splice(2);
console.log(arr); // ['1','2'];

On supprime les éléments à partir de l’index 2.

Pour retirer les éléments à partir d’un index et un nombre d’éléments à supprimer.

let arr = ['1', '2', '3', '4', '5'];
arr.splice(2, 2);
console.log(arr); // ['1','2','5'];

On supprime 2 éléments à partir de l’index 2.

pop()

pop() supprime le dernier élément d’un array.

let arr = ['1', '2', '3', '4', '5'];
arr.pop();
console.log(arr); // ['1', '2', '3', '4'];

shift()

shift() supprime le premier élément d’un array.

let arr = ['1', '2', '3', '4', '5'];
arr.shift();
console.log(arr); // ['2', '3', '4', '5'];

Parcourir l’array

boucle for

En Javascript une boucle for sur un Array s’écrit de cette manière:

let arr = ['1', '2', '3', '4', '5'];
for (let element of arr) {
   console.log(element);
}

// ou avec un index
for (let i = 0; i < arr.length; i++) {
   console.log(arr[i]);
}

foreach

On peut également boucler sur l’array avec la méthode foreach().

let arr = ['1', '2', '3', '4', '5'];
arr.forEach((element) => {
	console.log(element);
});

Copier un array

Pour copier un array c’est à dire créer un nouvel objet array avec les même éléments, cela peut se faire avec les … ou la méthode slice().

let arr = ['1', '2', '3', '4', '5'];
let copyArr = [...arr];
let copyArr2 = arr.slice();

# Array en Javascript