利用循环完成圣诞树

1,412 阅读1分钟

本人初学JavaScript,分享一些自己写代码的思路! 圣诞树刚刚看起来确实是很麻烦,没有头绪! 可以把数分为两个阶段,开始的时候先完成等腰三角形,利用循环打印空格,并依次递减,另写一个循环打印星号,这样一个简单的等腰三角形就出来了,把等腰三角形循环整体循环两次,就形成了圣诞树的上部。

然后分别循环打印空格和星星,形成了树根部分,设置条件打印一个等腰三角形后开始执行树根部分的循环,一个简单的圣诞树就完成了!

  /* 圣诞树 */

  /* 最外层的循环 是把等腰三角形循环两次 */
  
  for (var b = 0; b < 2; b++) {
    var str = "";
    /* 循环一次  里边的空格和星星循环分别执行一次 */
    for (var i = 1; i < 8; i++) {
      /* 打印空格 从大到小  开始打印10个空格 外边循环一次里边打印十次*/
      for (var k = 8; k > i; k--) {
        str += "&nbsp;";
      }
      /* 打印星号 从小到大 j<i  就一直打印* */
      for (var j = 0; j < i; j++) {
        str += "&nbsp;" + "*";
      }
      str += "<br>";
    }
    
    /* 树根 */
    /* 等腰三角形打印完一个后 执行下边的循环 */
    if (b === 1) {
      /* 执行一次 里边的空格循环和星号循环就执行一次 */
      for (var n = 0; n < 4; n++) {
        /* 外边的循环执行一次,这里就打印四次双空格 */
        for (var m = 0; m < 2; m++) {
          
          str += "&ensp;" + "&ensp;";
        }
        /* 外边的循环执行一次 这里就打印四个星星 */
        for (var g = 0; g < 4; g++) {
          
          str += "*";
        }
       
        str += "<br>";
      }
    }
    document.write(str);
  }