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

CodePudding user response：

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

CodePudding user response：

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);