Cách sử dụng vòng lặp while & do while

1) Vòng lặp while trong JavaScript

- Trước khi nêu khái niệm "vòng lặp while là gì?" thì tôi có một ví dụ để giúp bạn có thể hình dung sơ qua về vòng lặp while.

- Vòng lặp while dùng để lặp lại việc thực thi một đoạn mã nếu điều kiện mà ta đưa ra vẫn còn đúng.

- Cú pháp:

- Dưới đây là sơ đồ minh họa cho nguyên lý hoạt động của vòng lặp while:

- Lưu ý: Tương tự như vòng lặp for, nếu điều kiện của vòng lặp luôn luôn đúng thì vòng lặp sẽ không bao giờ kết thúc và nó khiến chương trình bị lỗi. Do đó, bên trong đoạn mã mà bạn muốn thực thi, bạn phải nghiên cứu thêm vào một số câu lệnh nào đó để làm cho điều kiện dần dần trở thành bị sai.

<script>
    var i = 1;
    while(i < 10){
        document.write(i + "<br>");
        i++; //Câu lệnh này giúp cho điều kiện dần trở thành bị SAI
    }
</script>

<script>
    var i = 8;
    while(i > 1){
        document.write(i + "<br>");
        i--; //Câu lệnh này giúp cho điều kiện dần trở thành bị SAI
    }
</script>

2) Vòng lặp do while trong JavaScript

- Tương tự như vòng lặp while, vòng lặp do while dùng để lặp lại việc thực thi một đoạn mã nếu điều kiện mà ta đưa ra vẫn còn đúng.

- Tuy nhiên, đối với vòng lặp do while thì ở lần đầu tiên đoạn mã sẽ được thực thi luôn mà không cần phải kiểm tra điều kiện (đó chính là điểm khác nhau giữa vòng lặp while và do while)

- Cú pháp:

- Dưới đây là sơ đồ minh họa cho nguyên lý hoạt động của vòng lặp do while:

<script>
    var i = 1;
    do{
        document.write(i + "<br>");
        i++; //Câu lệnh này giúp cho điều kiện dần trở thành bị SAI
    }while(i < 10);
</script>

<script>
    var i = 8;
    do{
        document.write(i + "<br>");
        i--; //Câu lệnh này giúp cho điều kiện dần trở thành bị SAI
    }while(i > 1);
</script>

3) Điểm khác nhau giữa vòng lặp while và do while

- Như đã nói ở trên, điểm khac nhau duy nhất giữa vòng lặp while và do while chính là đối với vòng lặp do while thì ở lần đầu tiên, đoạn mã sẽ được thực thi mà không cần phải kiểm tra điều kiện (tức là cho dù điều kiện có đúng hay sai thì đoạn mã vẫn được thực thi ít nhất một lần)

- Ví dụ: Bên dưới chúng ta có một đoạn mã về vòng lặp while và một đoạn mã về vòng lặp do whiile, điều kiện ban đầu đưa ra là sai. Tuy nhiên, vòng lặp do whiile vẫn được thực thi một lần.

<script>
    var i = 11;
    while(i < 10){
        document.write(i);
        i++;
    }
</script>

<script>
    var i = 11;
    do{
        document.write(i);
        i++;
    }while(i < 10);
</script>

4) Sử dụng lệnh break và lệnh continue trong vòng lặp

- Lệnh break và lệnh continue thường được đặt bên trong vòng lặp.

• (1) Khi lệnh break được thực thi, vòng lặp sẽ kết thúc mặc cho điều kiện có còn đúng hay không.
• (2) Khi lệnh continue được thực thi, những câu lệnh còn lại của lần lặp hiện tại sẽ bị bỏ qua.

<script>
    var i = 1;
    while(i < 11){
        if(i == 6){break;}
        document.write(i + "<br>");
        i++;
    }
</script>

<script>
    var i = 1;
    while(i < 11){
        if( i == 3 || i ==5 || i ==9 ){
            i++;
            continue;
        }
        document.write(i + "<br>");
        i++;
    }
</script>

5) Vòng lặp lồng nhau

- Tương tự như vòng lặp for, vòng lặp while (do while) cũng có thể lồng vào nhau:

• Vòng lặp "while" lồng bên trong vòng lặp "while"
• Vòng lặp "do while" lồng bên trong vòng lặp "do while"
• Vòng lặp "while" lồng bên trong vòng lặp "do while"
• Vòng lặp "do while" lồng bên trong vòng lặp "while"

- Bên dưới là một ví dụ về vòng lặp while lồng bên trong vòng lặp while.

<script>
    var i = 0;
    while(i < 10){
        var j = 1;
        while(j < 10){
            document.write(i + "" + j + "<br>");
            j++;
        }
        i++;
    }
</script>

6) Lặp qua một lần các phần tử của mảng

- Ta có thể sử dụng vòng lặp while để lặp qua một lần các phần tử trong mảng.

<script>
    var mobile = ["HTC","Nokia","SamSung","LG","Apple","Lenovo"];
    var i = 0;
    while(mobile[i]){
        document.write(mobile[i] + "<br>");
        i++;
    }
</script>