Array

5

L'objet global Array, grâce à ses multiples méthodes, permet de manipuler les tableaux (array). Dans cet article, nous allons regarder les manipulations de bases les plus courantes.

isArray

Retourne un booléen (true/false) indiquant si l'élément spécifié est bel et bien un tableau.

Par exemple:

const yearsList = [1990, 2010, 1980, 2020];
Array.isArray(yearsList);
// true

const ex1 = "Chaine de caractère";
Array.isArray(ex1);
// false

const ex2 = 2010;
Array.isArray(ex2);
// false

Pour en savoir plus, voir cet article de MDN🦖 sur isArray().

Includes

Retourne un booléan (true/false) indiquant si un élément est présent ou non dans un tableau.

Par exemple:

const yearsList = [1990, 2010, 1980, 2020];

yearsList.includes(2010);
// true

yearsList.includes(1995);
// false

Pour en savoir plus, voir cet article de MDN🦖 sur includes().

Find

Retourne le premier élément dans le tableau correspondant à une condition spécifique. Si aucun élément n'est trouvé, undefined sera retourné.

Par exemple:

const yearsList = [1990, 2010, 1980, 2020];

yearsList.find(year => year > 2000);
// 2010

yearsList.find(year => year > 2020);
// undefined

Pour en savoir plus, voir cet article de MDN🦖 sur find().

FindIndex

Retourne la position du premier élément dans le tableau correspondant à une condition spécifique. Si aucun élément n'est trouvé, -1 sera retourné.

Par exemple:

const yearsList = [1990, 2010, 1980, 2020];

yearsList.findIndex(1990);
// 0

yearsList.findIndex(2010);
// 1

yearsList.findIndex(1995);
// -1

Pour en savoir plus, voir cet article de MDN🦖 sur findIndex().

Sort

Trie les éléments d'un tableau en ordre croissant.

Par exemple:

const yearsList = [1990, 2010, 1980, 2020];
yearsList.sort();
// [1980, 1990, 2010, 2020];

Si désiré, il est aussi possible de passer en paramètre une fonction à sort() afin de changer la méthode de triage.

Par exemple, pour trier en ordre décroissant, il serait possible de faire:

const yearsList = [1990, 2010, 1980, 2020];

yearsList.sort((a, b) => b - a);
// [2020, 2010, 1990, 1980]

Pour en savoir plus, voir cet article de MDN🦖 sur sort().

Shift

Retire le premier élément du tableau et le retourne.

Par exemple:

const yearsList = [1990, 2010, 1980, 2020];

const firstYear = yearsList.shift();

console.log(firstYear) // 1990
console.log(yearsList) // [2010, 1980, 2020]

Si le tableau est vide, shift() retournera undefined

Pour en savoir plus, voir cet article de MDN🦖 sur shift().

Pop

À l'opposé de Shift, pop() retire le dernier élément du tableau et le retourne.

Par exemple:

const yearsList = [1990, 2010, 1980, 2020];

const lastYear = yearsList.pop();

console.log(lastYear) // 2020
console.log(yearsList) // [1990, 2010, 1980]

Si le tableau est vide, pop() retournera undefined

Pour en savoir plus, voir cet article de MDN🦖 sur pop().

Slice

Retourne un nouveau tableau constitué des éléments se trouvant entre un index de départ et un index de fin (optionnel).

Par exemple, si seulement un index de départ est spécifié, le nouveau tableau sera constitué de l'élément à cet index et de tous ceux le suivant:

const yearsList = [1990, 2010, 1980, 2020];

yearsList.slice(2);
// [1980, 2020]

Si l'index de départ et de fin est spécifié, le nouveau tableau sera constitué des éléments entre ces deux index:

const yearsList = [1990, 2010, 1980, 2020];

yearsList.slice(1, 3);
// [2010, 1980]

Pour en savoir plus, voir cet article de MDN🦖 sur slice().

Concat

Retourne un nouveau tableau constitué des éléments d'un premier tableau et de ceux d'un deuxième.

Par exemple:

const yearsList = [1990, 2010, 1980, 2020];
const yearsExtra = [2000, 2030];

yearsList.concat(yearsExtra);
// [1990, 2010, 1980, 2020, 2000, 2030]

Pour en savoir plus, voir cet article de MDN🦖 sur concat().

Donnez votre opinion
sur les notes de cours sur cette page.
Merci d'avoir partagé ton opinion 😎
Pssst, c'est 💯 anonyme