如何使用 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.