Comment cartographier, réduire et filtrer un élément défini à l'aide de JavaScript?

Si vous êtes quelqu'un comme moi qui a commencé son parcours de programmation en apprenant d'abord une langue de bas niveau comme C, puis en passant plus tard sur des langages de niveau supérieur comme JavaScript, alors vous devez avoir été impressionné par le niveau de facilité de ces niveaux supérieurs Les langues fournissent. Vous pouvez toujours trouver une méthode intégrée pour effectuer des tâches complexes en une seule ligne. Le carte, réduire et filtre sont trois de ces méthodes qui peuvent être utilisées pour transformer les données stockées à l'intérieur des tableaux sans écrire de boucles complexes. Ces méthodes itéèrent sur des tableaux entiers, effectuent des calculs puis renvoient un nouveau tableau transformé. Examinons de plus près ces méthodes:

Carte()

Nous commencerons avec la méthode map () qui peut être utilisée pour appliquer une fonction à chaque élément du tableau. Il prend une fonction comme un argument qui sera appliqué aux éléments du tableau:

Soit num = [0, 1, 2, 3, 4, 5];
Soit numSquare = num.map (élément => élément * élément);
console.log (numsquare);

Si nous avions fait la même chose en utilisant des boucles, le code aurait ressembler à ceci:

Soit num = [0, 1, 2, 3, 4, 5];
pour (soit i = 0; i <6; i++)

num [i] * = num [i];

console.log (num);

Réduire()

La méthode Reduce () peut être utilisée pour réduire toutes les valeurs présentes à l'intérieur du tableau en une seule valeur. Le code suivant s'applique à réduire la méthode sur un tableau pour obtenir la somme de l'ensemble du tableau:

FunctionSumArray (résultat, élément)

Retour Résultat + élément;

Soit num = [0, 1, 2, 3, 4, 5];
Soit sum = num.réduire (Sumarray);
console.log (sum);

Cela peut également être fait avec des boucles de la manière suivante:

Soit num = [0, 1, 2, 3, 4, 5];
Soit sum = 0;
pour (soit i = 0; i <6; i++)

sum + = num [i];

console.log (sum);

Filtre()

La méthode Filter () peut être utilisée pour appliquer une certaine condition sur les éléments d'un tableau, puis obtenir uniquement les éléments qui passent cette condition. Semblable aux deux méthodes précédentes, Filter () prend également une fonction d'argument. Cette fonction est utilisée pour appliquer la condition sur chaque élément, puis l'ajouter à un tableau si elle passe la condition. Ce tableau sera retourné par la méthode du filtre:

Considérez le code suivant qui vérifie si le tableau contient des multiples de 5:

Soit num = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
Laissez les multiples = num.filtre (élément => élément% 5 == 0);
console.journal (multiples);

Comme avec les deux méthodes précédentes, Filter () peut également être remplacé par des boucles mais par des boucles, le code ne sera pas aussi facile à lire.

Conclusion

Ce guide approfondi a expliqué l'utilisation des méthodes de MAP (), de réduction et de filtre. Ces fonctions économisent une tonne de temps et rendent le code élégant et plus facile à lire. Les développeurs peuvent utiliser ces méthodes pour transformer les données dans leurs tableaux sans écrire des boucles complexes.