Manipolazione Array

[EziT90]

Ciao a tutti,

Sto sviluppando un progetto Laravel in cui mostro dei dati via Javascript in un grafico di tipo a barre sovrapposte.
Ciò che vado a manipolare sono degli array composti da tributi, in particolare ho tre array:
pagato, non pagato, non pagabile e possono avere lunghezze diverse.
Ognuno è quindi composto da coppie chiave valore, per esempio:

pagato = [{tot: 10, tributo: TRIBUTO1}, {tot: 4, tributo: TRIBUTO2}, ....];
non_pagato = [{tot: 10, tributo: TRIBUTO2}, {tot: 3, tributo: TRIBUTO4}, ....];
non_pagabile = [....];

Ho quindi la necessità di creare un array labels contenente in modo univoco i tributi, presi dai tre array precedenti.

labels = [TRIBUTO1, TRIBUTO2, TRIBUTO3];

e poi per ognuno dei tre array creare l'array corrispondente con il solo valore numerico relativo al totale.
In particolare, se l'array padre continene una delle etichette presenti in labels allora prendo il tot dall'array padre, altrimenti setto nell'array figlio il valore 0.

Non ho idea di come realizzarlo, avete suggerimenti o consigli? Vi è un modo più semplice?

Grazie a tutt!

[ninja72]

Intendi in questo modo ?

const TRIBUTO1 = 1
const TRIBUTO2 = 2
const TRIBUTO4 = 4

const pagato = [
    { tot: 10, tributo: TRIBUTO1 },
    { tot: 4, tributo: TRIBUTO2 }
]
const non_pagato = [
    { tot: 10, tributo: TRIBUTO2 },
    { tot: 3, tributo: TRIBUTO4 }
]
const non_pagabile = []

const joinData = [...pagato, ...non_pagato, ...non_pagabile]
// labels
const labels = [...new Set(joinData.map(obj => obj['tributo']))]
//total
const total = joinData.reduce((sum, obj) => {
    return sum + obj['tot']
}, 0)

console.log(`labels: ${labels}`)
console.log(`total: ${total}`)

[EziT90]

Ciao Ninja, grazie per l'aiuto.

Esattamente, intendo qualcosa del genere, dove però l'array joinData deve avere pagato, non_pagato, non_pagabile della stessa lunghezza.

Per esempio, supponiamo di avere solo i tributi: TRIBUTO1, TRIBUTO2, TRIBUTO3, TRIBUTO4.

dovrei avere questo risultato qui:

const pagato =[
    { tot:10, tributo: TRIBUTO1 },
    { tot:4, tributo: TRIBUTO2 },
    { tot:0, tributo: TRIBUTO3 },
    {tot:0, tributo: TRIBUTO4 },
]
const non_pagato =[

 {tot: 0, tributo: TRIBUTO1 },
{ tot:10, tributo: TRIBUTO2 },
{tot: 0, tributo: TRIBUTO3},
{ tot:3, tributo: TRIBUTO4},
];

const non_pagabile =[

{tot: 0, tributo: TRIBUTO1 },
{ tot:0, tributo: TRIBUTO2 },
{tot: 0, tributo: TRIBUTO3},
{ tot:0, tributo: TRIBUTO4},
];

e poi joinData = [...pagato, ...non_pagato, ...non_pagabile];