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

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
Programmation orientée objet en JavaScriptProgrammation orientée objet en JavaScriptLa programmation orientée objet (POO) fait référence à l’utilisation de morceaux de code autonomes pour développer des applications. Nous appelons ces éléments « Objet », mieux connus…Lire plus
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
Framework Javascript les plus utilisésFramework Javascript les plus utilisésJavaScript est un langage multi-paradigme. Il prend en charge les styles de programmation événementiels, fonctionnels et impératifs y compris la programmation orientés objet. La plupart…Lire plus
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']
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *