二维数组随机生成器

two dimensional array random generator jQuery

本文关键字：随机 二维数组      更新时间：2023-09-26

为什么所有的行都有相同的数字?他们应该取随机数来填充它。还有，我怎么修理它?曾经我看到答案在这里，但现在我找不到它。

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>

要发布它，我需要添加一些更多的内容，但所有包含的信息应该足以找到我的意思

这里是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;
}
相关文章：