Come inserire righe e colonne di tabella con arrays 2d

SO ho due arrays che sono var num = ["1", "2", "3"]; var cars = ["Saab", "Volvo", "BMW"];
e ho fatto un button where aggiungerò righe e colonne e posizionerei i valori dei miei 2 arrays nella tabella. Tuttavia non so come renderlo in un arrays 2d e visualizzarlo sul mio tavolo.

<button onclick="myFunction()">Try it</button> <script> function myFunction() { var table = document.getElementById("myTable"); var row; var t = [][]; var num = ["1", "2", "3"]; var cars = ["Saab", "Volvo", "BMW"]; for (i = 0; i < num.length;i++){ var row = table.insertRow(i); for (x = 0; x < cars[i].length;x++){ var cell1 = row.insertCell(x); 

dopo questa parte non so cosa fare e non funziona. Come posso combinare gli arrays e renderlo visualizzato nella tabella per esempio (t [0] [0] sarebbe 1 saab)

 *cars[i] = num[x]; cell1.innerHTML = cars[i][x];* } } } 

Questa è una soluzione semplice utilizzando il tuo approccio.

 function myFunction() { var num = ["1", "2", "3"]; var cars = ["Saab", "Volvo", "BMW"]; var table = document.getElementById("myTable"); var rows = new Array(cars.length); var numCell, carCell; for (var i = 0; i < cars.length; i++) { rows[i] = table.insertRow(i); numCell = rows[i].insertCell(0); carCell = rows[i].insertCell(1); numCell.appendChild(document.createTextNode(num[i])); carCell.appendChild(document.createTextNode(cars[i])); } } 
 <button onclick="myFunction()">Try it</button> <table id='myTable'></table> 

Per un po 'adesso uso il seguente codice generico per generare HTML di tabella. Ci vorrà una serie di oggetti e le properties; degli oggetti diventeranno intestazione della tabella ei valori diventeranno celle. Quindi, se i tuoi dati erano nella forma

var myCars = [{Pos: 1, Make: "Saab"}, {Pos: 2, Make: "Volvo"}, {Pos: 2, Make: "BMW"}]

 var tableMaker = (o,h) => {var keys = Object.keys(o[0]), rowMaker = (a,t) => a.reduce((p,c,i,a) => p + (i === a.length-1 ? "<" + t + ">" + c + "</" + t + "></tr>" : "<" + t + ">" + c + "</" + t + ">"),"<tr>"), rows = o.reduce((r,c) => r + rowMaker(keys.reduce((v,k) => v.concat(c[k]),[]),"td"),h ? rowMaker(keys,"th") : []); return "<table>" + rows + "</table>"; }; myCars = [{Pos: 1, Make: "Saab"}, {Pos: 2, Make: "Volvo"}, {Pos: 2, Make: "BMW"}] , table = tableMaker(myCars,true); // if second argument provided as truthy then headers generated document.write(table);