convert different arrays to array of object using lodash or vanila js

Question

I have different arrays of same size like this:

var a = ["x", "y", "z"];
var b = [1,2,3];
var c = ["l", "m", "n"];

I want this to convert to an array of object like this:

final_array = [{a: 'x', b: 1, c: 'l'}, {a: 'y', b: 2, c: 'm'}, {a: 'z', b: 3, c: 'n'}]

I know I can process the arrays using loops and somehow convert this in above format. What I have tried is this way (since size of all arrays will be same):

var final_array = [];
_.forEach(a, function(value, key){
  var each_list = {};
  each_list.a = a[key];
  each_list.b = b[key];
  each_list.c = c[key];
  final_array[key] = each_list;
})
console.log(final_array); // [{a: 'x', b: 1, c: 'l'}, {a: 'y', b: 2, c: 'm'}, {a: 'z', b: 3, c: 'n'}]

But this seems to be a very lengthy way and I am sure there will be some good way to do this using lodash or some other approach.

Can any one please help me with this. I already have searched enough on stack overflow and lodash documentation but could not find a better approach for this.

xs0 · Accepted Answer · 2017-12-06 12:57:47Z

3

This should work:

_.zipWith(a, b, c, function(a, b, c) {
  return { a: a, b: b, c: c };
});

Or, if you can use ES6, this:

_.zipWith(a, b, c, (a, b, c) => ({ a, b, c }) );

edited Dec 6, 2017 at 12:57

answered Dec 6, 2017 at 12:41

xs0

2,88719 silver badges25 bronze badges

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

3 Comments

undefined Over a year ago

Thanks @xs0 this is what I was looking for.

xs0 Over a year ago

Thanks @undefined for fixing the second example :)

undefined Over a year ago

awesome, u made this more beautiful. Thanks

Nina Scholz · Accepted Answer · 2017-12-06 12:44:16Z

1

In plain ES6, you could use an object with short hand properties and iterate the keys and the the items of the arrays.

var a = ["x", "y", "z"],
    b = [1, 2, 3],
    c = ["l", "m", "n"],
    object = { a, b, c },
    result = Object.keys(object).reduce(function (r, k) {
        object[k].forEach((v, i) => (r[i] = r[i] || {})[k] = v);
        return r;
    }, []);
    
console.log(result);

answered Dec 6, 2017 at 12:44

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

1 Comment

undefined Over a year ago

Thanks @Nina Scholz for your answer. Though it is correct, I was looking for some shortest way to do this, so I have accepted the other answer. Thanks again.

Collectives™ on Stack Overflow

convert different arrays to array of object using lodash or vanila js

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related