combining two separate arrays into one array with objects

Question

I have two separate arrays which looks something like this

var x = ['one', 'two', 'three'];
var y = ['1', '2', '3'];

I am doing this to combine them

var newArray = [];
for (var i = 0; i < x.length && i < y.length; i++) {
    newArray[i] = [x[i], y[i]];
}

desired output

newArray = [
    ['one', '1'],
    ['two', '2'],
    ['three', '3']
]

@thanks david..I think you caught it before I did. Thanks for the correction — soum
– soum, Commented Aug 25, 2013 at 20:18
Looking at the console, your desired output seems to be what you get. And, for the edit, you're quite welcome. =) — David Thomas
– David Thomas, Commented Aug 25, 2013 at 20:18
Your fiddle is working perfectly fine. What's the problem, how do you think the output differs? — Bergi
– Bergi, Commented Aug 25, 2013 at 20:19
@ScottSauyet because that's the name this function had in traditional functional programming languages, e.g. LISP. — Alnitak
– Alnitak, Commented Aug 25, 2013 at 20:31

Alnitak · Accepted Answer · 2013-08-25 20:26:42Z

3

On ES5 you can use Array.prototype.map to simplify your loop:

var newArray = x.map(function(n, i) {
    return [n, y[i]];
});

See the above link for a shim for older browsers.

If you have Underscore.js, you can use:

var newArray = _.zip(x, y);

answered Aug 25, 2013 at 20:26

Alnitak

341k72 gold badges420 silver badges503 bronze badges

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

1 Answer 1