javascript - 创建网格，其中所有其他(字符串)元素均为空

Question

大小为 3 的网格应如下所示:

# #
 # 
# #

大小为 4 的网格应如下所示:

# # 
 # #
# # 
 # #

大小为 5 的网格应如下所示:

# # #
 # # 
# # #
 # #
# # #

等等

通常，要创建一个“正常”网格，我会这样做:

function makeGrid (input) {
  let grid = "";
  for (let i = 0; i < input; i++) {
      grid += "#".repeat(input) + "\n";
    }
  return grid;
}

console.log(makeGrid(3));

但在这种情况下，我无法确保使用正确的起始元素创建行 - # 或 。

我的尝试:

function makeSpecialGrid (input) {

  let specialGrid = "";
  
  for (let i = 0; i < input; i++) {
    let row = "";
    for (let j = 0; j < i; j++) {
      if (j % 2 === 0) {
        row += "#";
      } 
      row += " ";
    }
    specialGrid += row;
  }

  return specialGrid;
  
}

console.log(makeSpecialGrid(3));

当然，这只会创建一行。

还有其他想法吗？

Answer 1

试试这个:

function grid(n) {
  let result = "";

  for (let i = 0; i < n; i++) {
    if (i % 2 == 0)
      result += " #".repeat(Math.ceil(n / 2)).slice(1);
    else
      result += " #".repeat(Math.floor(n / 2)) + " ";
    result += "\n";
  }

  return result;
}

console.log(grid(5));
console.log(grid(3));
console.log(grid(11));