10 méthodes de gestion des tableaux dans JavaScript à connaître

juin 24, 2019février 10, 2020 Amine KOUIS Aucun commentaire

Dans ce tutoriel, nous allons découvrir les 10 méthodes de gestion des tableaux dans JavaScript que vous devriez connaître. Si vous ne connaissez rien au tableau, vous pouvez cliquer ici pour avoir une idée.

Voici les 10 méthodes de gestion des tableaux dans javascript que vous devriez au moins connaître.

1. forEach()

Cette méthode peut vous aider à parcourir les éléments de tableau.

var tab = [1, 2, 3, 4, 5];

tab.forEach( i => {
    console.log(i);        //sortie: 1 2 3 4 5 
});

2. map()

La méthode map() crée un nouveau tableau avec les résultats de l’appel d’une fonction pour chaque élément du tableau.

var numbers = [4, 9, 16, 25];
var x = numbers.map(Math.sqrt);
console.log(x);      //sortie: [2, 3, 4, 5]

3. reduce()

La méthode reduce() réduit le tableau à une valeur unique. La méthode reduce() exécute une fonction fournie pour chaque valeur du tableau (de gauche à droite). La valeur de retour de la fonction est stockée dans un accumulateur (résultat/total).

var nbrs = [20, 5, 5];

function maFct(total, n) {
  return total - n;
}

console.log(nbrs.reduce(maFct));  //sortie: 10

4. includes()

Cette méthode vérifie si le tableau inclut l’élément passé dans la méthode.

var tab = [1, 2, 3];

tab.includes(3); //sortie: true
tab.includes(0); //sortie: false

5. filter()

Cette méthode crée un nouveau tableau avec les éléments qui remplissent une condition.

var tab = [0, 1, 2, 3, 4, 5];

// élément(s) supérieur(s) à 2
var res = tab.filter(n => n > 2);
console.log(res);    //sortie: [3, 4, 5]

6. sort()

Cette méthode est utilisée pour organiser/trier les éléments d’un tableau par ordre croissant ou décroissant.

var systems = ["Windows", "Linux", "Apple"];
systems.sort();
console.log(systems);   //sortie: ["Apple", "Linux", "Windows"]

7. every()

Cette méthode vérifie si tous les éléments du tableau ont réussi la condition. Si elle est passée, elle retourne ‘true’ sinon ‘false’.

var tab = [1, 2, 3, 4];

// tous les éléments sont inférieur à 5
var b = tab.every(n => n < 5);
console.log(b);  //sortie: true
  
// tous les éléments sont supérieurs à 2
var b = tab.every(n => n > 2);
console.log(b);  //sortie: false

8. some()

Cette méthode vérifie si au moins un élément du tableau a réussi la condition. Si elle est passée, elle retourne ‘true’ sinon ‘false’.

var arr = [1, 2, 3];

// au moins un élément est supérieur à 2
var b = arr.some(n => n > 2);
console.log(b); // output: true

// au moins un élément est inférieur ou égal à 0
var b = arr.some(n => n < 0);
console.log(b); // output: false

9. Array.of()

Ceci crée un tableau à partir de tous les arguments qui y sont passés.

var nbr = Array.of(1, 2, 3, 4);
console.log(nbr); // output: [1, 2, 3, 4]

10. Array.from()

Cela change tout ce qui ressemble à un tableau ou itérable à un tableau réel.

var str = 'waytolearnx';
var tab = Array.from(str);

console.log(tab); // output: ['w', 'a', 'y', 't', 'o', 'l', 'e', 'a', 'r', 'n', 'x']

QCMs qui pourraient vous intéresser :

1. forEach()

2. map()

3. reduce()

4. includes()

5. filter()

6. sort()

7. every()

8. some()

9. Array.of()

10. Array.from()

Vous pourrez aussi aimer

Formulaire de contact avec HTML, CSS et Javascript

Comment détecter un appareil mobile avec JavaScript

Bouton Javascript pour faire revenir à la page précédente

Laisser un commentaire Annuler la réponse