JavaScript Filtrer Tableau Multidimensionnel

Dans le développement web, nous sommes souvent confrontés à des tableaux de données multidimensionnelles qu'il est important de filtrer pour obtenir les résultats souhaités. JavaScript offre une solution simple et efficace pour filtrer ces tableaux de manière dynamique.

Exemple de Tableau multidimensionnel

Considérons le tableau suivant :

const produits = [
  {
    nom: "Chaise",
    categorie: "ameublement",
    prix: 50
  },
  {
    nom: "Canapé",
    categorie: "ameublement",
    prix: 200
  },
  {
    nom: "Télévision",
    categorie: "électronique",
    prix: 500
  },
  {
    nom: "Ordinateur",
    categorie: "électronique",
    prix: 1000
  }
];

Ce tableau contient des informations sur quatre produits, chacun étant représenté par un objet qui contient un nom, une catégorie et un prix.

Filtrer les Produits par Catégorie

Pour filtrer ce tableau par catégorie, nous pouvons utiliser la méthode filter() de JavaScript. Cette méthode prend une fonction en argument qui sera utilisée pour filtrer les éléments du tableau. La fonction renvoie true si l'élément doit être inclus dans le nouveau tableau filtré, et false sinon.

const categorie = "ameublement";
const produitsFiltres = produits.filter(function(produit) {
  return produit.categorie === categorie;
});

Dans cet exemple, nous avons créé une variable categorie qui contient la valeur "ameublement". Nous avons ensuite utilisé la méthode filter() pour créer un nouveau tableau produitsFiltres qui contient tous les éléments du tableau produits dont la propriété categorie correspond à la valeur de la variable categorie.

Filtrer les Produits par Prix

Nous pouvons également filtrer le tableau produits en fonction du prix :

const prixMinimum = 100;
const produitsChers = produits.filter(function(produit) {
  return produit.prix >= prixMinimum;
});

Dans cet exemple, nous avons créé une variable prixMinimum qui contient la valeur 100. Nous avons ensuite utilisé la méthode filter() pour créer un nouveau tableau produitsChers qui contient tous les éléments du tableau produits dont la propriété prix est supérieure ou égale à la valeur de la variable prixMinimum.

Conclusion

La méthode filter() de JavaScript est un outil puissant pour filtrer des tableaux multidimensionnels. En utilisant une fonction pour filtrer les éléments du tableau, nous pouvons créer des filtres dynamiques qui s'adaptent aux besoins de l'utilisateur.