JavaScript星号圣诞树实现：循环代码异常调试求助

我太懂这种纸上推演逻辑没问题，但代码一跑就失效的挫败感了——咱们来一步步拆解你的问题：

首先看你的代码，核心问题有这几个：

• console.log的位置完全错了：你把它放在了外层for循环的外面，这意味着不管循环多少次，最后只会打印最后一次循环生成的star字符串，前面所有行的内容都被覆盖掉了，自然看不到完整的树形。
• 空格的逻辑不符合树形需求：现在你每次固定加2个空格，而且没有随着行数变化。要画出树形，每行的空格数应该随着行数增加而减少，比如第i行（从0开始计数）的空格数应该是h - i，这样上面的行空格多、星星少，下面的行空格少、星星多，才能形成树的形状。
• （可选优化）星星数量可以更贴合标准树形：你现在每行生成i+1个星星，这本身没问题，但如果想要更“饱满”的树形，通常会用奇数个星星（比如2*i +1个），不过这个看你的需求，先按你原本的逻辑调整。

来看看修正后的代码：

function drawTree(h) {
  // 外层循环控制行数，从0到h（共h+1行）
  for(var i=0; i<=h; i++){ 
    var star = '';
    // 生成每行的空格：行数i越大，空格越少
    for(var k=0; k < h - i; k++){ 
      star += " "; 
    };
    // 生成每行的星星：行数i越大，星星越多
    for(var j=0; j <= i; j++) { 
      star += "*"; 
    };
    // 每次生成完一行就打印，而不是等所有循环结束
    console.log(star); 
  };
};
drawTree(5);

运行这个代码，你就能看到预期的树形了：

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

如果想要更饱满的对称树形（每行星星是奇数个），可以把星星的循环改成j < 2*i + 1，这样输出会是：

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

总结一下，你之前的问题主要是打印时机不对和空格逻辑错误，调整这两点代码就能正常运行啦！

内容的提问来源于stack exchange，提问作者zbierek