Iterate over a multidimensional javascript array and create new array?

Question

I have a multidimensional JavaScript array with some string data.

var array = [];

array[0] = ["A","B","C"];  
array[1] = ["G","H"];  

I want to merge these together into a new array.

Value 1 from the first array should merge with value 1 from array 2 and so on.

Of course, I can do like this.

var array2 = array[0][0] + array[1][0];

But I don't the data so the first array could hold 6 values and there could also be more than 2 arrays.

Is there a way to dynamically iterate over the multidimensional array and create a new array.

Answer 1

You can use Array#map and Array#join methods.

// iterate over multi diamensional array and
// generate array with first element of each nested array
var array2 = array.map(function(v){ 
   // retrieve the first element
   return v[0]; 
   // join them to convert into a string as your output
}).join('')

var array = [];

array[0] = ["A", "B", "C"];
array[1] = ["G", "H"];

var array2 = array.map(function(v) {
  return v[0];
}).join('')

console.log(array2);