Javascript two array merge( key and value)

Question

I have two array. I want to merge this two arrays into one array. One array consisting keys and another one values.My array looks like

productId = [8,7,9];//Key Element
quantity = ["5","1","3"];//Value Element
//expected new array
newarray = {
    "8": 5,
    "7": 1,
    "9": 3
}

I already tried to merge these arrays, in this way

var newArray = {};
for(var i=0; i< productId.length; i++){
  newArray[productId[i]] = quantity [i];
}
console.log(newArray);

It returns

Object [ <7 empty slots>, "5", "1", "3" ]

Your code works fine, please share a working fiddle or snippet to demonstrate/replicate your issue. — gurvinder372
– gurvinder372, Commented Jan 8, 2018 at 6:05
@AuxTaco Yup was about to delete my comments. Sourabh just linked a questions that highlights the bug of FF. — Rajesh Dixit
– Rajesh Dixit, Commented Jan 8, 2018 at 6:37

Sourabh Somani · Accepted Answer · 2018-01-08 06:30:50Z

0

You are working in firefox so you may get this type of issue because the problem might be caused at how Firefox' console.log has interpreted the input object.

Please look here

Empty slots in JavaScript objects?

Try this

var productId = [8,7,9];
var quantity = ["5","1","3"];
var newarray = {};
productId.forEach((key, i) => newarray[key] = quantity[i]);
console.log(newarray);

edited Jan 8, 2018 at 6:30

answered Jan 8, 2018 at 6:21

Sourabh Somani

2,1381 gold badge15 silver badges27 bronze badges

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

5 Comments

Rajesh Dixit Over a year ago

Please specify what's wrong with OP's code as well. Why your code works and OP's doesn't?

Sourabh Somani Over a year ago

@Rajesh Hey this is the problem in Firefox

Sourabh Somani Over a year ago

I have Updated my answer where you will find link look into that

Rajesh Dixit Over a year ago

Thanks! Being a chrome user, I was not aware about it.

Sourabh Somani Over a year ago

@Rajesh Welcome bro :)

Mamun · Accepted Answer · 2018-01-08 06:40:15Z

0

Try the following:

var productId = [8,7,9];//Key Element
var quantity = ["5","1","3"];//Value Element

var obj = {};
var i = 0;
for(var k of productId) {
    obj[k] = parseInt(quantity[i]);
    i++;
}
console.log(obj);

edited Jan 8, 2018 at 6:40

answered Jan 8, 2018 at 6:15

Mamun

69k9 gold badges51 silver badges62 bronze badges

3 Comments

Rajesh Dixit Over a year ago

Also, this is a very bad implementation of .map. You are updating an object and returning in map. and the you use [0] for display purpose. This is just wrong

Masud Rana Over a year ago

still it returns [<7 empty slots>, "5", "1"."3" ]

Masud Rana Over a year ago

@Rajesh no it was not intended for you

felixmosh · Accepted Answer · 2018-01-08 06:43:29Z

0

Your new "array" is not an Array but an Object.

You can iterate on one of the arrays using Array.reduce to construct the object.

Something like that:

const arr1 = ['8', '2', '4'];
const arr2 = ['28', '12', '45'];

const result = arr1.reduce((obj, currentItem, index) => {
  obj[currentItem] = arr2[index];
  return obj;
}, {});

console.log(result);

answered Jan 8, 2018 at 6:43

felixmosh

35.8k10 gold badges81 silver badges99 bronze badges

Collectives™ on Stack Overflow

Javascript two array merge( key and value)

3 Answers 3

5 Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related