javascript add key value pair to array checking if exists

Question

In a Laravel application I need to add chartjs graphs in the dashboard. In particular one of the graphs must be stacked bar. On the x axis I have the labels represented by taxes, while on the y axis I have the 3 categories of values (paid, unpaid, partially paid). I then then defined 3 empty arrays A, B, C which I pass to the graph with the correct data. So to populate the graph I use a script with which I pass the data. My problem is that the paid, unpaid, partial paid arrays don't have the same length and are composed with the structure:

arrayX = [{total: value, tax: "Description1"},{},...,{total: value, tax: "DescriptionN"}];

while the array of labels=["Description",.........,"DescriptionN"];

I would need to cycle on the array of labels, if the value is present in the arrayX then I set for A.push(arrayX.total) otherwise A.push(0.00);

All this while maintaining the order of the elements.

Do you have any suggestions or advice? Is it possible with Javascript to do this?

James · Accepted Answer · 2022-12-16 06:48:13Z

1

You can map over labels trying to find a match in arrayX.

   const A = labels.map(l => {
      let data = arrayX.find(el => el.tax === l);
      if (!data)
        return 0;
    
      return data.total;
    });

edited Dec 16, 2022 at 6:48

answered Dec 15, 2022 at 15:16

James

22.4k5 gold badges29 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

64Bit1990 Over a year ago

Thanks James, and it's possible to push into array directly with this loop? i've tried to push if not data and it works, but i need to push the arrayX.total if the condition is true

James Over a year ago

Hi I modified the example to only put the total (or 0) into the resulting array.

Collectives™ on Stack Overflow

javascript add key value pair to array checking if exists

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related