Maison  >  Article  >  interface Web  >  Comment puis-je filtrer un tableau d'objets en fonction des propriétés correspondantes dans un autre tableau ?

Comment puis-je filtrer un tableau d'objets en fonction des propriétés correspondantes dans un autre tableau ?

Susan Sarandon
Susan Sarandonoriginal
2024-10-30 00:34:28310parcourir

How can I filter an array of objects based on matching properties in another array?

Filtrer un tableau d'objets avec un autre tableau d'objets

Ce problème implique de filtrer un tableau d'objets (myArray) à l'aide d'un tableau d'objets ( monFiltre). L'objectif est de créer un nouveau tableau (myArrayFiltered) qui contient uniquement les éléments de myArray qui correspondent aux éléments correspondants dans myFilter en fonction de l'ID utilisateur et de l'ID du projet.

Considérez l'exemple suivant :

myArray = [
  {
    userid: "100",
    projectid: "10",
    rowid: "0"
  },
  {
    userid: "101",
    projectid: "11",
    rowid: "1"
  },
  {
    userid: "102",
    projectid: "12",
    rowid: "2"
  },
  {
    userid: "103",
    projectid: "13",
    rowid: "3"
  },
  {
    userid: "101",
    projectid: "10",
    rowid: "4"
  }
];

myFilter = [
  {
    userid: "101",
    projectid: "11"
  },
  {
    userid: "102",
    projectid: "12"
  },
  {
    userid: "103",
    projectid: "11"
  }
];

Le résultat attendu est :

myArrayFiltered = [
  {
    userid: "101",
    projectid: "11",
    rowid: "1"
  },
  {
    userid: "102",
    projectid: "12",
    rowid: "2"
  }
];

Pour accomplir cette tâche, nous pouvons utiliser le filtre et certaines méthodes de tableau. Ces méthodes sont largement disponibles dans les navigateurs modernes et des polyfills existent pour les navigateurs plus anciens.

L'implémentation implique de filtrer myArray à l'aide de la méthode filter, où chaque élément de myFilter est utilisé pour comparer les éléments de myArray. La méthode some est ensuite utilisée pour vérifier s'il existe au moins une correspondance entre les propriétés userid et projectid de l'élément actuel dans myArray et l'élément correspondant dans myFilter. S'il y a une correspondance, l'élément actuel est inclus dans le résultat filtré.

Voici un exemple d'extrait de code qui illustre cette approche :

<code class="javascript">const myArray = [{ userid: "100", projectid: "10", rowid: "0" }, { userid: "101", projectid: "11", rowid: "1"}, { userid: "102", projectid: "12", rowid: "2" }, { userid: "103", projectid: "13", rowid: "3" }, { userid: "101", projectid: "10", rowid: "4" }];
const myFilter = [{ userid: "101", projectid: "11" }, { userid: "102", projectid: "12" }, { userid: "103",  projectid: "11"}];

const myArrayFiltered = myArray.filter((el) => {
  return myFilter.some((f) => {
    return f.userid === el.userid && f.projectid === el.projectid;
  });
});

console.log(myArrayFiltered);</code>

Ce code affichera le résultat attendu, fournissant un tableau filtré contenant uniquement les objets de myArray qui correspondent aux critères spécifiés dans myFilter.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn