Filtrer un tableau en utilisant des valeurs par défaut en JavaScript

Filtrer un tableau en JavaScript avec des valeurs par défaut

Le filtrage de tableaux est une opération courante en JavaScript, permettant de sélectionner des éléments d'un tableau en fonction de critères spécifiques. La méthode Array.prototype.filter() est une méthode de l'objet Array en JavaScript qui facilite cette tâche. Elle permet de créer un nouveau tableau contenant tous les éléments du tableau initial qui satisfont à une condition donnée. Dans cet article, nous allons explorer en détail cette méthode et comment l'utiliser pour filtrer un tableau en utilisant des valeurs par défaut.

La méthode Array.prototype.filter() est spécifiée dans la norme ECMAScript 5.1 et est compatible avec la plupart des navigateurs modernes. Elle fait partie des nombreuses méthodes disponibles sur l'objet Array en JavaScript, qui permettent de manipuler et de transformer les tableaux de manière efficace. Pour plus d'informations, il est possible de consulter la documentation de l'objet Array sur MDN.

Utilisation de la méthode Array.prototype.filter()

La syntaxe de la méthode Array.prototype.filter() est la suivante : array.filter(callback(element, index, array), thisArg). Le callback est une fonction qui est exécutée pour chaque élément du tableau et qui renvoie true ou false en fonction de la condition. Le thisArg est un argument optionnel qui permet de définir la valeur de this à utiliser dans le callback. La méthode filter() ne modifie pas le tableau initial, elle renvoie un nouveau tableau.

Un exemple interactif est disponible sur la page de la documentation. Il est possible d'utiliser un polyfill pour émuler la méthode filter() dans les navigateurs qui ne la supportent pas. Voici un exemple d'utilisation de la méthode filter() pour filtrer un tableau d'entiers en ne conservant que les nombres pairs :

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const evenNumbers = numbers.filter(number => number % 2 === 0);
console.log(evenNumbers); // [2, 4, 6, 8, 10]

Utiliser des valeurs par défaut pour filtrer un tableau

Il est possible d'utiliser des valeurs par défaut pour filtrer un tableau en JavaScript en passant ces valeurs par défaut en tant que paramètres de la fonction de rappel. Par exemple, supposons que nous ayons un tableau d'objets représentant des personnes, et que nous voulions filtrer ce tableau pour ne conserver que les personnes dont l'âge est supérieur à une certaine valeur par défaut :

const people = [
  { name: 'Alice', age: 30 },
  { name: 'Bob', age: 25 },
  { name: 'Charlie', age: 35 },
  { name: 'David', age: 28 }
];

const defaultAge = 27;
const olderPeople = people.filter(person => person.age > defaultAge);
console.log(olderPeople); // [{ name: 'Alice', age: 30 }, { name: 'Charlie', age: 35 }, { name: 'David', age: 28 }]

Dans cet exemple, nous avons utilisé la valeur par défaut defaultAge pour filtrer le tableau people. La méthode filter() renvoie un nouveau tableau contenant les éléments qui satisfont à la condition spécifiée dans la fonction de rappel.

Conclusion

La méthode Array.prototype.filter() est un outil puissant pour manipuler et transformer les tableaux en JavaScript. Elle permet de créer un nouveau tableau contenant tous les éléments du tableau initial qui satisfont à une condition donnée, sans modifier le tableau original. En utilisant des valeurs par défaut, il est possible de rendre cette méthode encore plus flexible et adaptable à diverses situations. N'hésitez pas à explorer davantage la documentation de l'objet Array sur MDN pour découvrir d'autres méthodes utiles pour travailler avec les tableaux en JavaScript.