二維數組隨機生成器jQuery

Question

所有行總是有相同的數字，為什么？ 他們應該使用隨機數來填充它。 另外，我該如何修理？ 一旦我在這里看到答案，但現在找不到了。

 var mapSizex = 5; var mapSizey = 6; var mapArray = []; $(function() { console.log("ready!"); $('#map-draw').html(drawMap()); }); function mapGenerator() { for (i = 0; i < mapSizex; i++) { for (x = 0; x < mapSizey; x++) { mapArray[i, x] = getRandom(1, 5); } } } function drawMap() { mapGenerator(); var map = ''; tileID = 0; for (i = 0; i < mapSizex; i++) { map = map + '<br style="clear: both;">'; for (x = 0; x < mapSizey; x++) { map = map + '<div class="tile tileID' + tileID + '">' + mapArray[i, x] + '</div>'; tileID++; } } return map; } function getRandom(min, max) { var x = Math.floor((Math.random() * max) + min); return x; } 

 .tile { float: left; height: 20px; width: 20px; border: 1px solid black; text-align: center; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="main-container"> <div id="map-container"> <div id="map-draw"></div> </div> </div> 

要發布它，我需要添加更多內容，但是所有包含的信息都應該足以找到我的意思。

Answer 1

這是JSFIDDLE喚醒代碼的鏈接

應該是mapArray[i][x] ，我添加了mapArray[i]=[]; 在外循環中。

這是您的固定代碼：

var mapSizex=5;
var mapSizey=6;
var mapArray=[];

$(function() {
    console.log( "ready!" );
    $('#map-draw').html(drawMap());
});

function mapGenerator(){
    for(i=0;i<mapSizex;i++){
    mapArray[i]=[];
        for(x=0;x<mapSizey;x++){
            mapArray[i][x]= getRandom(1,5);
      console.log(i,x,getRandom(1,5))
        }
    }
}
function drawMap(){
    mapGenerator();
  console.log(mapArray)
    var map='';
    tileID=0;
    for(i=0;i<mapSizex;i++){
        map=map+'<br style="clear: both;">';
        for(x=0;x<mapSizey;x++){
            map=map+'<div class="tile tileID'+tileID+'">'+mapArray[i][x]+'</div>';
            tileID++;
        }
    }return map;
}
function getRandom(min,max) {
    var x = Math.floor((Math.random() * max) + min);
    return x;
}