Wie fusioniere ich Array -Objekte mit derselben ID nach Typ und zuweisen Beträge mit JavaScript?

In diesem Artikel wird beschrieben, wie JavaScript verwendet wird, um ein Array zu verarbeiten, Objekte mit derselben ID in ein neues Objekt zusammenzuführen und den Betrag unterschiedlicher Felder nach verschiedenen Typen zuzuordnen (Frühstück, Chinesisch, Abendessen).

Angenommen, wir haben eine Reihe mehrerer Objekte mit id , jine (Betrag) und type (Typ). Ziel ist es, diese Daten in ein anderes Format umzuwandeln, wobei die Daten, die jeder id entsprechen, in ein type zusammengeführt werden und jine -Wert jine1 (Frühstück), jine2 (chinesisches Essen) und jine3 (Abendessen) zugewiesen wird.

Rohdaten:

 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"}
];

Zielformat:

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

Um dies zu erreichen, können wir die reduce der Verringerung über das Array verwenden und ein neues Objekt erstellen, um die Ergebnisse zu speichern.

Lösung:

 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 === 'Frühstück') ACC [Curr.id] .Jine1 = Curr.jine;
    if (Curr.Type === 'chinesischer Lebensmittel') ACC [Curr.id] .Jine2 = Curr.jine;
    if (Curr.Type === 'Dinner') ACC [Curr.id] .Jine3 = Curr.jine;
    Rückgabe ACC;
}, {}));

console.log (Ergebnis); // Ausgabearray im Zielformat ausgeben

Dieser Code verwendet zunächst die reduce der Reduzierung des Originalarrays in ein Objekt, der Schlüssel ist id und der Wert ist ein Objekt, das jine1 , jine2 und jine3 enthält. Verwenden Sie dann die Methode von Object.values , um das Objekt in ein Array umzuwandeln. Bei der reduce der Reduzierung der Reduzierung überprüfen wir, ob die aktuelle id in acc vorhanden ist, wenn sie nicht vorhanden ist, ein neues Objekt erstellen und dem entsprechenden Feld jine -Wert gemäß type zuweisen.

Diese Methode vermeidet die Verwendung von Object.groupBy und find Methoden, verbessert die Lesbarkeit und Effizienz des Codes und verarbeitet die Verschmelzung und die Menge der Menge direkter. Es ist auch robuster, da keine Fälle vorhanden sind, in denen find -Methode undefined zurückkehren kann.

Das obige ist der detaillierte Inhalt vonWie fusioniere ich Array -Objekte mit derselben ID nach Typ und zuweisen Beträge mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!