Câu lệnh while của JavaScript

Định nghĩa và cách sử dụng

Câu lệnh while tạo ra một lặp, lặp này sẽ thực hiện khi điều kiện được chỉ định là đúng.

Khi điều kiện là đúng, lặp sẽ tiếp tục chạy. Chỉ khi điều kiện trở thành giả, nó mới dừng lại.

JavaScript hỗ trợ nhiều loại lặp khác nhau:

  • for - Lặp lại khối mã nhiều lần
  • for/in - Lặp qua thuộc tính của đối tượng
  • for/of - Lặp qua giá trị của đối tượng có thể lặp lại
  • while - Lặp lại khối mã khi điều kiện được chỉ định là đúng
  • do/while - Lặp lại một khối mã một lần, sau đó lặp lại khi điều kiện được chỉ định là đúng

Lưu ý:Sử dụng câu lệnh break để thoát ra khỏi lặp, và sử dụng câu lệnh continue để bỏ qua một giá trị nào đó trong lặp.

Ví dụ

Khối mã sẽ được lặp lại khi biến (i) nhỏ hơn 5:

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>The number is " + i;
  i++;
}

Thử trực tiếp

Có thêm các ví dụ TIY bên dưới trang.

Ngữ pháp

while (condition) {
  code block to be executed
}

Giá trị của parameter

Parameter Mô tả
condition

Bắt buộc. Định nghĩa điều kiện để lặp chạy (khối mã). Nếu trả về true, lặp sẽ bắt đầu lại, nếu trả về false, lặp sẽ kết thúc.

Chú ý:Nếu điều kiện luôn là giả, lặp sẽ never kết thúc. Điều này cũng sẽ làm cho trình duyệt của bạn sụp đổ.

Chú ý:Nếu bạn sử dụng biến có điều kiện, hãy khởi tạo nó trước khi lặp và tăng nó trong lặp. Nếu quên tăng biến, lặp sẽ永远不会 kết thúc. Điều này cũng sẽ làm cho trình duyệt của bạn sụp đổ.

Chi tiết kỹ thuật

Phiên bản JavaScript: ECMAScript 1

Ví dụ thêm

Ví dụ

Lặp qua chỉ mục của mảng, thu thập tên ôtô từ mảng cars:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i = 0;
while (i < cars.length) {
  text += cars[i] + "<br>";
  i++;
}

Giải thích ví dụ

  1. Trước hết, chúng ta đặt một biến trước khi bắt đầu lặp (var i = 0;)
  2. Sau đó, chúng ta định nghĩa điều kiện để lặp chạy. Khi biến nhỏ hơn độ dài của mảng (tức là 4), lặp sẽ tiếp tục
  3. Mỗi lần lặp sẽ tăng biến một đơn vị (i++)
  4. Một khi biến không còn nhỏ hơn 4 (độ dài của mảng), điều kiện sẽ là giả, và lặp sẽ kết thúc

Thử trực tiếp

Ví dụ

Lặp qua chỉ mục mảng về sau:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
  text += cars[len] + "<br>";
}

Thử trực tiếp

Ví dụ

Sử dụng câu lệnh break - Đi qua khối mã lặp, nhưng thoát ra khi biến i bằng "3":

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>The number is " + i;
  i++;
  if (i == 3) {
    break;
  }
}

Thử trực tiếp

Ví dụ

Sử dụng câu lệnh continue - Đi qua khối mã lặp, nhưng bỏ qua giá trị "3" này:

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>The number is " + i;
}

Thử trực tiếp

Hỗ trợ trình duyệt

câu lệnh Chrome IE Firefox Safari Opera
while Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Các trang liên quan

Giáo trình JavaScript:Vòng lặp While trong JavaScript

Tài liệu tham khảo JavaScript:Câu lệnh do ... while trong JavaScript

Tài liệu tham khảo JavaScript:Câu lệnh for trong JavaScript

Tài liệu tham khảo JavaScript:Câu lệnh break trong JavaScript

Tài liệu tham khảo JavaScript:Câu lệnh continue trong JavaScript