Combine two arrays in JavaScript

Question

Can I merge two arrays in JavaScript like this?

these arrays:

arr1 = ['one','two','three'];
arr2 = [1,2,3];

into

arr3 = ['one': 1, 'two': 2, 'three' : 3]

This isn't really an array merge as much as it is a combine. — Jason McCreary
– Jason McCreary, Commented Jul 14, 2012 at 20:24
jQuery is not a language. Also, JavaScript doesn't have associative arrays, just objects. — Ry-
– Ry- ♦, Commented Jul 14, 2012 at 20:24
What would be the point, if you could just reference two corresponding entries based on them sharing the same array index? — Alex W
– Alex W, Commented Jul 14, 2012 at 20:26

VisioN · Accepted Answer · 2012-07-14 20:24:36Z

12

var arr3 = {};
for (var i = 0; i < arr1.length; i++) {
    arr3[arr1[i]] = arr2[i];
}

Please note that arr3 is not array, it is object.

answered Jul 14, 2012 at 20:24

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

Comments

user1106925 · Accepted Answer · 2012-07-14 20:30:36Z

8

You can use Array.prototype.reduce...

var arr3 = arr1.reduce(function(obj, val, i) {
    obj[val] = arr2[i];
    return obj;
}, {});

DEMO: http://jsfiddle.net/GMxcM/

{
    "one": 1,
    "two": 2,
    "three": 3
}

answered Jul 14, 2012 at 20:30

user1106925

Comments

Ohgodwhy · Accepted Answer · 2012-07-14 20:27:39Z

2

Just because you said in jQuery, here's a jQuery$.each version.

arr1 = ['one','two','three'];
arr2 = [1,2,3];
arr3 = {};
$.each(arr1, function(i, value){
  arr3[value] = arr2[i];
});
console.log(JSON.stringify(arr3));

output ->

{"one":1,"two":2,"three":3}

here's a working jsFiddle

answered Jul 14, 2012 at 20:27

Ohgodwhy

50.8k11 gold badges86 silver badges114 bronze badges

Comments

Ry- · Accepted Answer · 2012-07-14 20:25:25Z

1

Loop!

var arr1 = ['one','two','three'];
var arr2 = [1,2,3];
var result = {};

for(var i = 0; i < arr1.length; i++) {
    result[arr1[i]] = arr2[i];
}

answered Jul 14, 2012 at 20:25

Ry-♦

226k56 gold badges496 silver badges504 bronze badges

Comments

Taryn · Accepted Answer · 2013-09-12 14:08:54Z

-1

Even easier:

$.merge(arr1, arr2);

edited Sep 12, 2013 at 14:08

Taryn

249k57 gold badges374 silver badges409 bronze badges

answered Sep 12, 2013 at 7:28

cana

31 silver badge1 bronze badge

1 Comment

Silviu Burcea Over a year ago

This is not what he wants!

Collectives™ on Stack Overflow

Combine two arrays in JavaScript

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related