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

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!