Merge two arrays into one javascript object

Question

I have an array of data. In a there are 10 fields and in b there are 10 fields

var a = [ "siddharth", "sid", "anything", "something", "nothing", ]
var b = [ "23", "67", "10", "10", "90" ]

I am trying to create a JSON from these arrays as a as the key and b as values, as shown below:

{  "siddharth" : "23",  "sid" : "67" }

How can I achieve this using javascript or jquery. My current code is

 var convert = '{'+datatest.columnHeaders[i].name +":"+datatest.rows[0][i]+'}';
         pair   = convert;/*JSON.stringify(convert);*/
         array.pairArray.push(pair);

Duplicate question? Isn't JSON.stringify(convert); working?

VikrantMore
– VikrantMore

2015-05-08 13:25:40 +00:00
Commented May 8, 2015 at 13:25 — VikrantMore
– VikrantMore, Commented May 8, 2015 at 13:25

tymeJV · Accepted Answer · 2015-05-08 13:25:59Z

16

Assuming both arrays are always the same length:

var obj = {}
for (var i = 0; i < a.length; i++) {
    //or check with: if (b.length > i) { assignment }
    obj[a[i]] = b[i]
}

answered May 8, 2015 at 13:25

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Comments

PeterKA · Accepted Answer · 2015-05-08 13:42:47Z

3

var a = [ "siddharth", "sid", "anything", "something", "nothing" ];
var b = [ "23", "67", "10", "10", "90" ];

var c = {};
$.each( a, function(i,v) {
  c[ v ] = b[ i ];
});

$('body').append( JSON.stringify(c) );
//Output: {"siddharth":"23","sid":"67","anything":"10","something":"10","nothing":"90"}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

edited May 8, 2015 at 13:42

answered May 8, 2015 at 13:36

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

Comments

Vitaliy Borisok · Accepted Answer · 2015-05-08 14:47:26Z

3

This example is equal to tymeJVs example, but uses forEach loop for array. For me it looks shorter.

var obj = {};
a.forEach(function(item, i) {
    obj[item] = b[i];
});
console.log(JSON.stringify(obj)); // {"siddharth":"23","sid":"67","anything":"10","something":"10","nothing":"90"}

answered May 8, 2015 at 14:47

Vitaliy Borisok

8613 gold badges11 silver badges22 bronze badges

Comments

Aizzat Suhardi · Accepted Answer · 2017-07-27 08:27:04Z

3

Shortest i can get using ES6 fat arrow function, map, reduce & computed property names

var a = ["siddharth", "sid", "anything", "something", "nothing", ]
var b = ["23", "67", "10", "10", "90"]

const mergeArrToJSON = (a, b) => a
    .map((item, i) => ({[item]: b[i]})) 
    .reduce((json,val)=>Object.assign({},json,val))

console.log(mergeArrToJSON(a, b))

edited Jul 27, 2017 at 8:27

answered May 23, 2017 at 3:31

Aizzat Suhardi

76711 silver badges19 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:34:54Z

2

You can create plain object and use it as the mapping container:

var a = [ "siddharth", "sid", "anything", "something", "nothing" ];
var b = [ "23", "67", "10", "10", "90" ];
var obj = {};
for ( i = 0; i < a.length; i++) {
    obj[a[i]] = b[i];
}
alert(JSON.stringify(obj));

Please refer to How to create a hash or dictionary object in JavaScript for more information

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered May 8, 2015 at 13:36

ozil

7,1639 gold badges38 silver badges61 bronze badges

Comments

Guffa · Accepted Answer · 2015-05-08 13:36:48Z

1

You would need quotation marks around the name and the value, otherwise you end up with a string like {siddharth:23,sid:67}:

// mock the data
var datatest = {
  columnHeaders: [ { name: "siddharth" }, { name: "sid" }, { name: "anything" }, { name: "something" }, { name: "nothing" } ],
  rows: [[ "23", "67", "10", "10", "90" ]]
};

var json = '{';
for (var i = 0; i < datatest.columnHeaders.length; i++) {
  if (i > 0) json += ',';
  json += '"' + datatest.columnHeaders[i].name + '":"' + datatest.rows[0][i]  +'"';
}
json += '}';

// show result in StackOverflow snippet
document.write(json);

answered May 8, 2015 at 13:36

Guffa

703k111 gold badges760 silver badges1k bronze badges

Comments

Aizzat Suhardi · Accepted Answer · 2017-07-27 10:24:56Z

0

If you are willing to add another famous third-party javascript utility library

Lodash, use zipObject:

_.zipObject(a, b);

Underscore, use object:

_.object(a, b);

answered Jul 27, 2017 at 10:24

Aizzat Suhardi

76711 silver badges19 bronze badges

Comments

Pankaj Shinde · Accepted Answer · 2017-08-04 21:09:33Z

0

If you are free to use additional plugin then

UNDERSCORE

is what you are looking for

_.object(['moe', 'larry', 'curly'], [30, 40, 50]);
=> {moe: 30, larry: 40, curly: 50}

Single line code. Just include this js

https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js

answered Aug 4, 2017 at 21:09

Pankaj Shinde

731 silver badge10 bronze badges

Collectives™ on Stack Overflow

Merge two arrays into one javascript object

8 Answers 8

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related