How to combine 2 arrays into 1 object javascript

Question

I have 2 arrays that i want to "reduce" into 1 object.

so for instance:

I have..

var originalData = [1,2,3];

var newData = [3,1,2];

i want to combine these two arrays into an object that looks like this:

var newOrderObject = {1:3, 2:1, 3:2};

im using a reduce function but it seems to be mapping them differently

var newOrderObject = originalData.reduce(function(newData) {
  var orderObject = {};
  originalData = newData;
  return orderObject;
}, {});

any suggests would be appretiated

Have you tried this? stackoverflow.com/questions/10623635/… — Pietro Nadalini
– Pietro Nadalini, Commented Jan 11, 2019 at 21:21
i'd like to merge into an object...i dont think that i can use push() right? — zomdar
– zomdar, Commented Jan 11, 2019 at 21:22
Possible duplicate of Creating a JavaScript Object from two arrays — Pietro Nadalini
– Pietro Nadalini, Commented Jan 11, 2019 at 21:27

Ori Drori · Accepted Answer · 2019-01-11 21:21:57Z

6

Reduce the 1st array (the keys), and take the values from the 2nd array using the index:

var originalData = [1,2,3];
var newData = [3,1,2];

var newOrderObject = originalData.reduce(function(obj, key, index) {
  obj[key] = newData[index];
  return obj;
}, {});

console.log(newOrderObject);

answered Jan 11, 2019 at 21:21

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

Comments

nicholaswmin · Accepted Answer · 2019-01-11 21:23:34Z

3

You're just using .reduce wrong.

The 1st argument of it's callback is the accumulator object you pass.
The 2nd is the currently iterated item.
The 3rd is the index.

Use all 3 and you get the result you want.

var originalData = [1,2,3];
var newData = [3,1,2];

var newOrderObject = originalData.reduce(function(acc, item, i) {
  return Object.assign(acc, { [item]: newData[i] })
}, {});

console.log(newOrderObject)

answered Jan 11, 2019 at 21:23

nicholaswmin

23.2k16 gold badges103 silver badges175 bronze badges

Comments

Nina Scholz · Accepted Answer · 2019-01-11 21:53:33Z

3

You could map single objects and assign them to a single object. If empty arrays are possible, use an empty object as target value.

var keys = [1, 2, 3],
    values = [3, 1, 2],
    object = Object.assign({}, ...keys.map((k, i) => ({ [k]: values[i] })));

console.log(object);

A more cleaner approach would be to transpose the arrays to an array of key/value pairs and then map object.

const transpose = (r, a) => a.map((v, i) => (r[i] || []).concat(v));

var keys = [1, 2, 3],
    values = [3, 1, 2],
    object = Object.assign(
        {},
        ...[keys, values]
            .reduce(transpose, [])
            .map(([k, v]) => ({ [k]: v }))
    );

console.log(object);

edited Jan 11, 2019 at 21:53

answered Jan 11, 2019 at 21:22

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

1 Comment

Nina Scholz Over a year ago

@Shidersz, with an empty object as target object, it works with empty arrays.

Collectives™ on Stack Overflow

How to combine 2 arrays into 1 object javascript

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related