Comment fusionner les objets de tableau avec le même ID par type et allouer des montants en utilisant JavaScript?

Cet article décrit comment utiliser JavaScript pour traiter un tableau, fusionner des objets avec le même ID dans un nouvel objet et allouer le montant à différents champs en fonction de différents types (petit-déjeuner, chinois, dîner).

Supposons que nous ayons un tableau d'objets multiples, chacun avec des champs id , jine (montant) et type (type). L'objectif est de convertir ces données en un autre format, où les données correspondant à chaque id sont fusionnées en un seul objet, et jine est attribuée aux champs jine1 (petit-déjeuner), jine2 (nourriture chinoise) et jine3 (dîner) selon type .

Données brutes:

 const list = [
    {id: "202301", Jine: 23, type: "dîner"},
    {id: "202301", Jine: 87.5, Type: "Breakfast"},
    {id: "202301", Jine: 1065.5, type: "nourriture chinoise"},
    {id: "202302", jine: 10, type: "dîner"},
    {id: "202302", Jine: 181,5, type: "petit-déjeuner"},
    {id: "202302", Jine: 633.5, type: "nourriture chinoise"}
]]

Format cible:

 const attenseList = [
    {id: "202301", Jine1: 87.5, Jine2: 1065.5, Jine3: 23},
    {id: "202302", Jine1: 181.5, Jine2: 633.5, Jine3: 10}
]]

Pour y parvenir, nous pouvons utiliser la méthode reduce pour itérer sur le tableau et créer un nouvel objet pour stocker les résultats.

Solution:

 const result = object.values ​​(list.reduce ((acc, curr) => {
    if (! acc [curr.id]) {
        Acc [curr.id] = {id: curr.id, jine1: 0, jine2: 0, jine3: 0};
    }
    if (curr.type === 'petit-déjeuner') acc [curr.id] .jine1 = curr.jine;
    if (curr.type === 'food chinois') acc [curr.id] .jine2 = curr.jine;
    if (curr.type === 'dîner') acc [curr.id] .jine3 = curr.jine;
    Retour ACC;
}, {}));

console.log (résultat); // Tableau de sortie au format cible

Ce code utilise d'abord la méthode reduce pour convertir le tableau d'origine en un objet, la clé est id et la valeur est un objet contenant jine1 , jine2 et jine3 . Utilisez ensuite la méthode Object.values ​​pour convertir l'objet en un tableau. Dans la méthode reduce , nous vérifions si l' id actuel existe dans acc , s'il n'existe pas, créons un nouvel objet et attribuez jine au champ correspondant en fonction type .

Cette méthode évite l'utilisation de Object.groupBy et find des méthodes, améliore la lisibilité et l'efficacité du code, et gère plus directement la fusion des données et l'allocation du montant. Il est également plus robuste car il n'est pas nécessaire de traiter les cas où find peut retourner undefined .

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!