Combining 2 arrays in javascript

Question

I have 2 arrays in javascript.

            var A = ['c++', 'java', 'c', 'c#', ...];
            var B = [12, 3, 4, 25, ...];

Now from these 2 arrays i want to create another array like :

  [['c++',12], ['java',3], ['c',4], ['c#', 25] ...];

Both A and B arrays are variable length in my case so how can i do this?

It is a good idea to put your code that you have tried so far. — gentrobot, Jul 11 '12 at 10:11
possible duplicate of [How to flatten array in jQuery?](http://stackoverflow.com/questions/7875070/how-to-flatten-array-in-jquery) — Linus Kleen, Jul 11 '12 at 10:11
Are those your actual arrays? You might want to add commas between the elements! — James Allardice, Jul 11 '12 at 10:12
possible duplicate http://stackoverflow.com/questions/1584370/how-to-merge-two-arrays-in-javascript — Wern Ancheta, Jul 11 '12 at 10:12
Your question is tagged jquery so I assume that's the framework you're using... http://api.jquery.com/jQuery.merge/ — nbrooks, Jul 11 '12 at 10:13

score 3 · Answer 1 · answered Jul 11 '12 at 10:11

Underscore.js is good at that:

_.zip(*arrays)

Merges together the values of each of the arrays with the values at the corresponding position. Useful when you have separate data sources that are coordinated through matching array indexes. If you're working with a matrix of nested arrays, zip.apply can transpose the matrix in a similar fashion.
_.zip(['moe', 'larry', 'curly'], [30, 40, 50], [true, false, false]);
=> [["moe", 30, true], ["larry", 40, false], ["curly", 50, false]]

score 3 · Answer 2 · answered Jul 11 '12 at 10:13

3

You can use this snippet if you don't to use any third party library:

var i = 0
  , n = A.length
  , C = [];

for (; i < n; i++) {
    C.push([A[i], B[i]]);
}

answered Jul 11 '12 at 10:13

Florent

12,310
10
49
58

score 1 · Answer 3 · answered Jul 11 '12 at 10:15

1

function Merge(A,B){
    var length = Math.min(A.length,B.length);
    var result = [];
    for(var i=0;i<length;i++){
     result.push([ A[i], B[i] ]) 
    }

    return result;
}

answered Jul 11 '12 at 10:15

amd

20,637
6
49
67

score 0 · Answer 4 · answered Jul 11 '12 at 10:18

I think that using a hashMap instead of 2 arrays could be a good solution for you.

In example, you could do something like the following:

var h = new Object(); // or just {}
h['c++'] = 12;
h['java'] = 3;
h['c'] = 4;

Take a look at:

http://www.mojavelinux.com/articles/javascript_hashes.html

Combining 2 arrays in javascript

4 Answers4