jquery - Combine two arrays in JavaScript - Stack Overflow

admin管理员组

文章数量:1200977

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]

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]

• javascript
• jquery

Share Improve this question Follow edited Jul 14, 2012 at 20:32 pb2q 59.6k1919 gold badges149149 silver badges152152 bronze badges asked Jul 14, 2012 at 20:22 SamSam 1,14533 gold badges1414 silver badges2424 bronze badges 7

• 4 This isn't really an array merge as much as it is a combine. – Jason McCreary Commented Jul 14, 2012 at 20:24
• 1 You can do it manually in a simple for loop. – user377628 Commented Jul 14, 2012 at 20:24
• 4 jQuery is not a language. Also, JavaScript doesn't have associative arrays, just objects. – Ry- ♦ Commented Jul 14, 2012 at 20:24
• 1 What would be the point, if you could just reference two corresponding entries based on them sharing the same array index? – Alex W Commented Jul 14, 2012 at 20:26
• 1 @davidethell: That's not the same thing. – Ry- ♦ Commented Jul 14, 2012 at 20:26

 |  Show 2 more comments

5 Answers 5

Sorted by: Reset to default 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.

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
}

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

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

Even easier:

$.merge(arr1, arr2);

本文标签： jqueryCombine two arrays in JavaScriptStack Overflow