Mix array value javascript

Question

I have an array which has nested array like this

const arr = [[red,green],[house,roof,wall]]

Is there any way to mix the nested array so output will be like this

red house, red roof, red wall, green house, green roof, green wall

Answer 1

Please check below code

const arr = [['red','green'],['house','roof','wall']];
const array1 = arr[0];
const array2 = arr[1];
const new_arr = [];
for(let i=0; i< array1.length; i++){
    for(let j=0; j< array2.length; j++){
        new_arr.push(array1[i] + ' ' +array2[j]);
    }
}
console.log(new_arr); 
// output ['red house', 'red roof', 'red wall', 'green house', 'green roof', 'green wall']
console.log(new_arr.join(',')); 
// output: red house, red roof, red wall, green house, green roof, green wall

Answer 2

A nested map() with 2 join()'s to make it a string

const arr = [ [ 'red', 'green' ],['house','roof','wall']];

const res = arr[0].map(a => arr[1].map(b => `${a} ${b}`).join(', ')).join(', ');

console.log(res);