javascript - 根据循环打印带边的正方形

Question

给定一个数字 s，我试图根据该数字 s 打印一个正方形。例如，如果 s 为 4，则正方形将如下所示

* * * *
*     *
*     *
* * * *

但是我的代码是这样做的

* * * * 
* *
* *
* * * * 

当我执行 html += ""时，它没有执行它在迭代中应该执行的操作。它只增加了一个空格。有办法解决这个问题吗？

    var html = ""
    for(var i = 0; i < s; i++)
    {
      for(var j = 0; j < s; j++)
      {
        if(i != 0 && i != s-1)
        {
          if(j == 0)
          {
            html += "*";
          }
          else if(j == s-1)
          {
            html+= "*";
          }
          else 
          {
            //not working
            html += " ";
          }
        }
        else 

          html += "* ";
      }
      html += "<br>";
    }
    html += ""
    document.getElementById("output").innerHTML = html;

Answer 1

使用   而不是普通空格。 HTML 将多个空格合并为一个。 nbsp 代表不可破坏的空间。