javascript - 练习二维数组

Question

我正在编写一个脚本，它将在较大的 map 中生成一个方形房间。代码如下所示:

var mapSize = 10;
var map = [];
for (var x = 0; x < mapSize; x++) {
    map[x] = [];
    for (var y = 0; y < mapSize; y++) {
        map[x][y] = 0
        };
    };
//Make square room within map
var roomSize = 3;
var roomType = "Kitchen"
var paintRoom = function(mapX, mapY) {
    for (var j = 0; j < roomSize; j++) {
      map[mapX + j][mapY] = roomType;
      map[mapX][mapY + j] = roomType;
    };
};
paintRoom(3, 4);
console.log(map);

我想要的结果是这样的:

[
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, "Kitchen", "Kitchen", "Kitchen", 0, 0, 0], 
  [0, 0, 0, 0, "Kitchen", "Kitchen", "Kitchen", 0, 0, 0], 
  [0, 0, 0, 0, "Kitchen", "Kitchen", "Kitchen", 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
]

但我最终得到的是这个:

[
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, "Kitchen", "Kitchen", "Kitchen", 0, 0, 0], 
  [0, 0, 0, 0, "Kitchen", 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, "Kitchen", 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
]

我在这里缺少什么？我刚刚开始，想自己尽可能多地弄清楚，所以如果有人能给我提示而不是直接回答，我将非常感激。

Answer 1

如果您仔细遵循代码，它就会按照您的要求进行操作。它只需要一个额外的循环。由于您正在做的事情是二维的，那么您还需要 2 个循环...

var paintRoom = function(mapX, mapY) {
    for (var x = 0; x < roomSize; x++) {
        for (var y = 0; y < roomSize; y++) {
            map[mapX + x][mapY + y] = roomType;
        }
    };
};