Make a list of iterative objects from 3 arrays in js

Question

I have 3 arrays:

keys = ['first','second']
ycor = [200,400]
xcor = [[375,75],[75]]

I am thinking of how to get them to:

[
  {
    'first': 200,
    'second': [375,75]
  },
  {
    'first': 400,
    'second': [75]
  }
]

The primary attempt was to use the forEach() function, but only managed to reach a 2 sided case and unidentifiable by node.

var result = []
keys.forEach((i,v,w) => result[i] = (xcor[v],ycor[w]))

Is it possible at all?

just made an update, thank you

Heligo
– Heligo

2020-07-03 16:31:41 +00:00
Commented Jul 3, 2020 at 16:31 — Heligo
– Heligo, Commented Jul 3, 2020 at 16:31

Nina Scholz · Accepted Answer · 2020-07-03 16:43:14Z

2

You could reduce the values arrays and map new objects.

This approach uses spread syntax ... for taking the old object at the same index j of the result array.

var keys = ['first', 'second'],
    ycor = [200, 400],
    xcor = [[375, 75], [75]],
    result = [ycor, xcor].reduce(
        (r, a, i) => a.map((v, j) => ({ ...r[j], [keys[i]]: v })),
        []
    );

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Jul 3, 2020 at 16:43

answered Jul 3, 2020 at 16:31

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Collectives™ on Stack Overflow

Make a list of iterative objects from 3 arrays in js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related