Javascript - Reduce array of arrays

Question

Array input: [["test","test"],["test2","test"],["test2","test2"],["test","test2"]]

Array output: ["test test","test2 test","test2 test2","test test2"]

I'm able to obtain this output with:

output = input.join("|").replace(/,/g," ").toString().split("|")

However, I don't really like this workaround because:

• It seems unnatural
• If one of the arrays contains a comma itself, it will be also removed
• If one of the arrays contains a pipe itself, the split will be not as expected

How can I get the output without those handicaps?

Answer 1

Instead of joining the outer array, you can use map to join each inner array separately:

var arr = [["test","test"],["test2","test"],["test2","test2"],["test","test2"]];
var output = arr.map(subarr => subarr.join(' '));