Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ラベルを使用してJavaScriptのフローを制御するにはどうすればよいですか?


JavaScriptのフローを制御するには、ラベルを使用します。ラベルをbreakおよびcontinueステートメントとともに使用して、フローをより正確に制御できます。ラベルは、ステートメントまたはコードのブロックに適用されるコロン(:)が後に続く単なる識別子です。ブレークとコンティニューでラベルを使用する方法を理解するために、2つの異なる例を示します。

次のコードを実行して、ラベルを使用してフローを制御し、breakステートメントを使用してみてください-

ライブデモ

<html>    
   <body>              
      <script>            
         document.write("Entering the loop!<br /> ");            
         outerloop: // This is the label name                      
         for (var i = 0; i < 5; i++) {                
            document.write("Outerloop: " + i + "<br />");                
            innerloop:                
            for (var j = 0; j < 5; j++) {                  
               if (j > 3 ) break ; // Quit the innermost loop                  
               if (i == 2) break innerloop; // Do the same thing                  
               if (i == 4) break outerloop; // Quit the outer loop                  
               document.write("Innerloop: " + j + " <br />");                
            }            
         }                      
         document.write("Exiting the loop!<br /> ");      
      </script>          
   </body>
</html>

次のコードを実行して、ラベルを使用してフローを制御し、continueステートメントを使用してみてください-

ライブデモ

<html>    
   <body>          
      <script>
          document.write("Entering the loop!<br /> ");          
          outerloop: // This is the label name                    
          for (var i = 0; i < 3; i++) {            
             document.write("Outerloop: " + i + "<br />");            
             for (var j = 0; j < 5; j++) {                
                if (j == 3){                  
                   continue outerloop;                
                }                
                document.write("Innerloop: " + j + "<br />");            
             }          
          }                    
          document.write("Exiting the loop!<br /> ");            
       </script>          
    </body>
</html>

  1. <title>タグを使用してHTMLドキュメントのタイトルを定義するにはどうすればよいですか?

    HTMLドキュメントのタイトルを設定するには、HTMLのタグを使用します。本文のタイトルは、タグとタグの間に配置されます。 HTMLドキュメントのタイトルは、Webブラウザのタイトルバーに表示されます。 SEOに適していると考えられています。 Webブラウザで次のコードを実行して、[Webブラウザ]タブに表示されるドキュメントのタイトルを確認できます 例 <!DOCTYPE html>    <html>       <head>          

  2. Macでコントロールセンターを使用する方法

    macOS Big Surが起動すると、iOS/iPadOSコントロールセンターが初めてMacに搭載されます。その結果、Wi-Fi、Bluetooth、明るさ、音量などの多くの便利な設定がすべて1つの場所にあり、クリックするだけです。 Macでコントロールセンターを使用して何ができるか、さまざまな機能の設定をどのように調整できるかについて知っておく必要があるすべてがここにあります。 Macでコントロールセンターを開く方法 macOS Big Surが起動すると(またはベータ版を実行している場合)、画面上部の日付と時刻の横にあるメニューバーに新しいアイコンが表示されます。 2つのトグルス