Comment fusionner des objets dans un tableau JavaScript avec la même clé « nom » et combiner leurs clés « valeur » dans un tableau ?

Fusionner des objets dans des tableaux avec une clé partagée en JavaScript

Énoncé du problème

Considérons un tableau avec des objets, où chaque objet a une clé "nom". Les objets portant le même « nom » partagent des valeurs. La tâche est de réorganiser le tableau en fusionnant les clés « valeur » de tous les objets portant le même « nom ».

Solution

Pour fusionner des objets dans un tableau avec la même clé « nom », vous pouvez utiliser l'approche suivante :

<code class="javascript">var array = [{
  name: "foo1",
  value: "val1"
}, {
  name: "foo1",
  value: ["val2", "val3"]
}, {
  name: "foo2",
  value: "val4"
}];

var output = [];

array.forEach(function(item) {
  var existing = output.filter(function(v, i) {
    return v.name == item.name;
  });
  if (existing.length) {
    var existingIndex = output.indexOf(existing[0]);
    output[existingIndex].value = output[existingIndex].value.concat(item.value);
  } else {
    if (typeof item.value == 'string')
      item.value = [item.value];
    output.push(item);
  }
});

console.dir(output);</code>

Cette solution parcourt le tableau d'entrée, recherche les objets existants avec la même clé « nom » et ajoute la « valeur » de l'objet actuel à la "valeur" de l'objet existant. S'il n'y a pas d'objet existant, il ajoute l'objet actuel au tableau de sortie.

Le résultat de cette opération est un tableau d'objets dans lequel les objets avec la même clé "nom" voient leurs clés "valeur" fusionnées dans un tableau.

[
  {
    name: "foo1",
    value: ["val1", "val2", "val3"]
  },
  {
    name: "foo2",
    value: ["val4"]
  }
]

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!