How to map two arrays to create objects?

Question

I have two arrays and I need to create objects like {x: new Date(2019, 1, 1), y: 0} The result of my arrays looks like this

dates

Array [
  "2019, 1, 31",
  "2019, 2, 28",
  "2019, 3, 31",
]

monthlyTopUp

Array [
  0,
  50,
  0,
]

Now each index from first array needs to match the index from second array.

What I've tried returned me an array with other arrays inside

Array [
  Array [
    "2019, 1, 31",
    0,
  ],
  Array [
    "2019, 2, 28",
    50,
  ],
  Array [
    "2019, 3, 31",
    0,
  ],
]

The way I've done this:

const array = [dates, monthlyTopUp];
const data = array.reduce(
  (dates, topUp) => topUp.map((v, i) => (dates[i] || []).concat(v)), []
);
console.log(data)

Seems like you have a solid groundwork, what have you tried? — Liam MacDonald
– Liam MacDonald, Commented Mar 6, 2019 at 15:49
@LiamMacDonald I am getting the last day of each month in a year then I calculate the total topUp transactions for each month. So now I need to make a graphic representation of this thats why I need to create objects in this format {x: new Date(2019, 1, 1), y: 0} — Markus Hayner
– Markus Hayner, Commented Mar 6, 2019 at 15:53

NiVeR · Accepted Answer · 2019-03-06 15:53:20Z

2

You can simply do it like this:

var arr1 = ["2019, 1, 31",  "2019, 2, 28",  "2019, 3, 31"];
var arr2 = [0, 50, 0];

var result = [];

for(var i = 0; i < arr1.length; i++){
    result.push({'x':arr1[i], 'y':arr2[i]});
}

console.log(result);

answered Mar 6, 2019 at 15:53

NiVeR

9,8064 gold badges33 silver badges36 bronze badges

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

Comments

Shubham Dixit · Accepted Answer · 2019-03-06 16:51:51Z

1

You can use Array.prototype.reduce

let arr1 = ["2019, 1, 31",  "2019, 2, 28",  "2019, 3, 31"];
let arr2 = [0, 50, 0];

let final=arr1.reduce((acc,value,i)=>{
let tempobj={};

tempobj["x"]=new Date(value.replace(/\s/g, "").replace(/,/g, "-"));
tempobj["y"]=arr2[i];
acc.push(tempobj)
return acc;


},[])

console.log(final)

edited Mar 6, 2019 at 16:51

answered Mar 6, 2019 at 16:06

Shubham Dixit

9,2685 gold badges32 silver badges50 bronze badges

Comments

enno.void · Accepted Answer · 2019-03-07 07:12:48Z

1

Or array.map

var arr1 = ["2019, 1, 31",  "2019, 2, 28",  "2019, 3, 31"];
var arr2 = [0, 50, 0];

var result = arr1.map((v, k) => {return {x:v,y:arr2[k]}})

console.log(result);

https://jsfiddle.net/fgo5wanh/

edited Mar 7, 2019 at 7:12

answered Mar 6, 2019 at 15:56

enno.void

6,6284 gold badges28 silver badges45 bronze badges

2 Comments

Shubham Dixit Over a year ago

It would be better if you add a working fiddle too .

enno.void Over a year ago

I added the fiddle now

Collectives™ on Stack Overflow

How to map two arrays to create objects?

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related