JavaScript - Vòng lặp for trong Javascript

by My Love

16/03/2019, 3:59 PM   |    16/03/2019, 4:02 PM   |    477   |    0

      Vòng lặp for là vòng lặp cơ bản ta gặp rất nhiều trong các ngôn ngữ lập trình, cú pháp của nó gồm 3 phần như sau :
for(giá trị bắt đầu; điều kiện; bước nhảy){
    // các câu lệnh
}
      Chúng ta tìm hiểu chi tiết vòng lặp for qua ví dụ sau : In ra các số từ 0 đến 10
<html>
    <head>
        <script language="javascript">
          
            var x;
            document.write('Bắt đầu vòng lặp <br/>');
            
            for(x = 0; x <= 10; x ++){
               document.write(x + '<br />');
            }
          
            document.write('Kết thúc vòng lặp');
          
        </script>
    </head>
    <body>
        
    </body>
</html>
Ở ví dụ trên :
x = 0 : là giá trị bắt đầu vòng lặp.
x <= 10 : là điều kiện
x ++ : là bước nhảy, ở đây là tăng lên 1 
Tùy vào từng bài toán mà giá trị bắt đầu, điều kiện và bước nhảy sẽ khác nhau.
      Ví dụ trên ta có thể khai báo biến ngay trong vòng lặp for như sau:
<html>
    <head>
        <script language="javascript">
          
            document.write('Bắt đầu vòng lặp <br/>');
            
            for(var x = 0; x <= 10; x ++){
               document.write(x + '<br />');
            }
          
            document.write('Kết thúc vòng lặp');
          
        </script>
    </head>
    <body>
        
    </body>
</html>
      Kết quả cũng tương tự như ví dụ trước.
Một số ví dụ khác
Ví dụ : In ra các số giảm dần từ 10 đến 0
<html>
    <head>
        <script language="javascript">
          
            document.write('Bắt đầu vòng lặp <br/>');
            
            for(var x = 10; x >= 0; x --){
               document.write(x + '<br />');
            }
          
            document.write('Kết thúc vòng lặp');
          
        </script>
    </head>
    <body>
        
    </body>
</html>
Ví dụ: In ra các số chẵn trong khoảng từ 0 - 10
<html>
    <head>
        <script language="javascript">
          
            document.write('Bắt đầu vòng lặp <br/>');
            
            for(var x = 2; x < 10; x += 2){
               document.write(x + '<br />');
            }
          
            document.write('Kết thúc vòng lặp');
          
        </script>
    </head>
    <body>
        
    </body>
</html>

      Vòng lặp for tương đối đơn giản và hay được sử dụng, tùy vào từng bái toán cụ thể mà ta có thể áp dụng sao cho hợp lý. Chúc bạn lập trình vui vẻ :)