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

<         


        

Answer 1

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.

Answer 2

Even easier:

$.merge(arr1, arr2);

Answer 3

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

Answer 4

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];
}

Answer 5

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
}