Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt?

JavaScript -Array -Element Zusammenführung: Elemente mit derselben ID in ein Objekt zusammenführen

Bei der Datenverarbeitung ist es häufig erforderlich, Array -Elemente mit derselben ID in ein einzelnes Objekt zusammenzufassen. Dieser Artikel enthält eine JavaScript -Lösung, um Array -Elemente mit derselben ID zu konvertieren, jedoch unterschiedliche Attribute in ein neues Array -Format.

Originaldatenformat:

 const list = [
    {ID: "202301", Jine: 23, Typ: "Dinner"},
    {ID: "202301", Jine: 87.5, Typ: "Frühstück"},
    {ID: "202301", Jine: 1065,5, Typ: "Chinesische Lebensmittel"},
    {ID: "202302", Jine: 10, Typ: "Dinner"},
    {id: "202302", Jine: 181.5, Typ: "Frühstück"},
    {ID: "202302", Jine: 633,5, Typ: "Chinese Food"}
];

Zieldatenformat:

 const targetList = [
    {ID: "202301", Jine1: 87,5, Jine2: 1065.5, Jine3: 23},
    {ID: "202302", Jine1: 181.5, Jine2: 633.5, Jine3: 10}
];

Lösung:

Wir werden die reduce verwenden, um die Datenkonvertierung zu implementieren. Diese Methode iteriert über das Array und sammelt jedes Element in ein Ergebnisobjekt.

 const result = Object.Values ​​(list.Reduce ((ACC, Curr) => {
    const {id, jine, type} = curr;
    if (! Acc [id]) {
        ACC [id] = {id};
    }
    Switch (Typ) {
        Fall 'Frühstück': ACC [ID] .Jine1 = Jine; brechen;
        Fall 'chinesisches Essen': ACC [ID] .Jine2 = Jine; brechen;
        Fall 'Abendessen': ACC [ID] .Jine3 = Jine; brechen;
    }
    Rückgabe ACC;
}, {}));

console.log (Ergebnis); // Zieldatenformat ausgeben

Code Erläuterung:

1. Methode reduce : Die reduce der Methode iteriert list und sammelt jedes Element in ein Objekt acc .
2. acc[id] : Verwenden Sie id als Schlüssel zum Speichern von Daten in acc -Objekt. Wenn id nicht vorhanden ist, wird ein neues Objekt erstellt.
3. switch -Anweisung: Weisen Sie den jine -Wert jine1 , jine2 oder jine3 gemäß dem Wert type zu.
4. Object.values : Verwenden Sie schließlich die Methode von Object.values , um das acc -Objekt in ein Array umzuwandeln, um das Zieldatenformat zu erhalten.

Diese Methode ist klar und präzise, ​​um die Verwendung externer Bibliotheken zu vermeiden und direkt JavaScript-integrierte Methoden zur Implementierung der Datenkonvertierung zu verwenden. Es ist auch einfacher zu skalieren. Wenn Sie sich mit mehr Speisearten befassen müssen, fügen Sie einfach weitere case in der switch -Anweisung hinzu.

Das obige ist der detaillierte Inhalt vonWie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!