如何使用 JavaScript 打印一个由 '#' 组成的三角形？

在本教程中，我们将学习如何使用 JavaScript 打印一个由 '#' 组成的三角形。

您需要使用嵌套循环来打印由 '#' 组成的三角形。

循环是编程语言中的一种特性，它可以重复执行一组指令，直到条件评估为假。嵌套循环是指在循环内部包含另一个循环的循环。我们将使用 JavaScript 中的两个循环来执行我们的任务。

以下是我们将用来打印由 '#' 组成的三角形的循环：

  • for 循环
  • while 循环

使用 for 循环打印由 '#' 组成的三角形。

我们使用 for 循环通过检查指定的条件来重复执行代码。在这个循环中，值被初始化并检查条件；如果为真，它将通过增加/减少初始值来执行代码。

语法

以下是使用 for 循环打印由 '#' 组成的三角形的语法：

for (i=0; i< rows to display ; i++) {
   for (j=0; j<=i; j++) {
      // console.log('#'); printing the hash
   }
}

在上面的语法中，我们使用两个嵌套循环来打印 '#' 的三角形格式。

参数

  • 初始化 − (i=0) 变量的初始化值
  • 条件 − (i<) 将评估为真或假的条件
  • 迭代 − (i++) 增加或减少起始值

算法

  • 步骤 1 - 添加一个 for 循环并初始化它。
  • 步骤 2 - 添加并初始化一个嵌套的内部 for 循环。
  • 步骤 3 - 从内部循环打印 '#'。

示例

首先，为了打印哈希三角形，我们在下面的示例中使用了 for 循环。

<html>
<body>
   <h2> Use <i> for loop </i>to print a triangle formed of '#' </h2>
   <div id = "div1"></div>
   <script>
      var i;
      var j;
      for (i=0 ; i<7 ; i++){
         for (j=0 ; j<=i ; j++){
            var span= document.createElement("span");
            var spanText=document.createTextNode(' #');
            span.appendChild(spanText);
            document.getElementById("div1").appendChild(span);
         }
         var para= document.createElement("p");
         var paraText=document.createTextNode("");
         para.appendChild(paraText);
         document.getElementById("div1").appendChild(para);
      }
   </script>
</body>
</html>

在上面的示例中，用户可以看到我们使用 JavaScript 中的 for 循环打印了一个 '#' 三角形。

使用 while 循环打印由 '#' 组成的三角形。

while 循环是一种循环类型，它会重复运行代码，直到条件评估为假。while 循环是入口控制循环，这意味着在进入循环之前会检查条件。如果条件为假，它不会执行循环内的语句。

用户可以按照以下语法使用 while 循环打印由 '#' 组成的三角形。

语法

while (i < rows to display){
   while (j <= i){
      //console.log('#') print the hash
      j++
   }
   j=0;
   i++;
}

在上面的语法中，我们使用了两个嵌套的 while 循环来创建 '#' 的三角形图案。

算法

  • 步骤 1：添加一个 while 循环并初始化它。
  • 步骤 2：添加并初始化一个嵌套的内部 while 循环。
  • 步骤 3：打印 '#' 并递增内部循环的变量。
  • 步骤 4：将内部循环的变量值初始化为之前的值。
  • 步骤 5：递增外部循环的变量。

示例

我们在这里使用嵌套 while 循环来打印由 '#' 组成的三角形。

<html>
<body>
   <h2> Use <i> while loop </i>to print a triangle formed of '#' </h2>
   <div id = "div1"></div>
   <script>
      var i=0;
      var j=0;
      while (i < 7){
         while (j <= i){
            var span= document.createElement("span");
            var spanText=document.createTextNode(' #');
            span.appendChild(spanText);
            document.getElementById("div1").appendChild(span);
            j++;
         }
         var para= document.createElement("p");
         var paraText=document.createTextNode("");
         para.appendChild(paraText);
         document.getElementById("div1").appendChild(para);
         j=0;
         i++;
      }
   </script>
</body>
</html>

在上面的示例中，用户可以看到我们使用 JavaScript 中的 while 循环打印了一个 '#' 三角形。

我们学习了两种循环，可以使用它们在 JavaScript 中打印由 '#' 组成的三角形。

通常，for 循环是 JavaScript 中打印 '#' 三角形最常用且最容易的方法。

更新于：2022年9月15日

4K+ 次浏览

启动您的职业生涯

完成课程后获得认证

开始学习
广告
© . All rights reserved.