Comment puis-je fusionner des objets JavaScript avec des clés communes dans un nouveau tableau où les valeurs sont combinées ?

Fusionner des objets JavaScript avec une clé commune

En JavaScript, la fusion d'objets peut être simple. Cependant, le processus devient plus complexe lorsqu'il s'agit d'un tableau d'objets dans lequel plusieurs objets partagent une clé commune et leurs valeurs doivent être combinées. Prenons l'exemple ci-dessous :

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

L'objectif est de réorganiser le tableau dans un format où toutes les valeurs associées à la même clé de nom sont fusionnées. Le résultat attendu ressemblerait à ceci :

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

Pour réaliser cette fusion, une approche efficace consiste à parcourir le tableau d'entrée et à filtrer les objets existants avec la même clé de nom. Si un objet existant est trouvé, sa valeur est mise à jour pour inclure la nouvelle valeur. Sinon, un nouvel objet est créé et ajouté au tableau de sortie.

Voici un exemple d'implémentation :

<code class="js">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);
    }
});</code>

Cette approche garantit que les valeurs associées à chaque clé de nom sont correctement fusionnées dans un objet unique dans le tableau de sortie. En parcourant le tableau d'entrée et en gérant à la fois les objets existants et nouveaux, il fournit une solution complète pour fusionner des objets avec des clés communes.

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!