Create an object from two arrays

Question

I two have arrays

let arr1 = [1, 2, 3, 4, 5];
let arr2 = [6, 7, 8, 9, 0];

i created an object from them using .map

let labels = arr1.map(value => ({'y': value}));
let series = arr2.map(value => ({'x': value}));

and merged object using _.merge from lodash

let mergeData = _.merge({}, series2, labels2);

result looks similar to this:

{x: 1, y: 25},
{x: 2, y: 38},
{x: 3, y: 24},
{x: 4, y: 60},
{x: 5, y: 22}

Now what i would like to display is an array of objects (in this case it will display just one object inside array) which looks like one below:

graphs: [
  {
    label: 'area 1',
    values: [
      {x: 1, y: 25},
      {x: 2, y: 38},
      {x: 3, y: 24},
      {x: 4, y: 60},
      {x: 5, y: 22}
    ]
  },
]

any ideas?

Do you want to loop over the object['values'] field?

Manuel Perez Heredia
– Manuel Perez Heredia

2018-02-21 14:57:04 +00:00
Commented Feb 21, 2018 at 14:57 — Manuel Perez Heredia
– Manuel Perez Heredia, Commented Feb 21, 2018 at 14:57

Hassan Imam · Accepted Answer · 2018-02-22 09:28:31Z

2

You can use array#map and create the values object.

let arr1 = [1, 2, 3, 4, 5],
    arr2 = [6, 7, 8, 9, 0],
    values = arr1.map((x, i) => ({x,y: arr2[i]})),
    output = { graphs: [{ label: 'area 1', values }]};
console.log(output);

answered Feb 22, 2018 at 9:28

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

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

Comments

t3__rry · Accepted Answer · 2018-02-21 14:54:58Z

1

I'd concat objects inside of an array as such:

let mergeData = [].concat(_.merge({}, series2, labels2));

answered Feb 21, 2018 at 14:54

t3__rry

2,8592 gold badges26 silver badges39 bronze badges

Comments

Ori Drori · Accepted Answer · 2019-12-21 12:16:15Z

1

You can use _.zip() to convert both arrays to an array of pairs [[1, 6], [2, 7],...], then map the array of pairs, and use _.zipObject() to create an object with the ['x', 'y'] properties:

const arr1 = [1, 2, 3, 4, 5];
const arr2 = [6, 7, 8, 9, 0];

const result = _.map(
  _.zip(arr1, arr2), // combine each column to a pair [1, 6],  [2, 7], etc...
  _.partial(_.zipObject, ['x', 'y']) // create a function that converts each pair to an object
)

console.log(result)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.js"></script>

answered Dec 21, 2019 at 12:16

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Collectives™ on Stack Overflow

Create an object from two arrays

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related