Hướng dẫn năm 2020 về While Loop trong JavaScript

Vòng lặp do… while có thể được sử dụng để thực thi một khối mã một lần và sẽ tiếp tục chạy nếu một câu lệnh tiếp tục đánh giá thành true. Vòng lặp while và do… while hữu ích nếu bạn muốn thực thi một khối mã trong khi một điều kiện nhất định được đáp ứng.

Vòng lặp là một tính năng cốt lõi của lập trình và được sử dụng để tự động hóa các tác vụ tương tự. Ví dụ:giả sử bạn muốn in ra mọi tên trong danh sách học sinh. Bạn có thể tạo một vòng lặp để tự động hóa tác vụ.

JavaScript cung cấp hai loại vòng lặp chính có thể được sử dụng để thực hiện một tác vụ lặp đi lặp lại nhiều lần. Kiểu đầu tiên, được gọi là vòng lặp for, thực hiện một câu lệnh một số lần cụ thể. Loại thứ hai là vòng lặp while, chạy dựa trên việc một điều kiện có đánh giá là true hay không.

Trong hướng dẫn này, chúng ta sẽ thảo luận về những điều cơ bản của while vòng lặp trong JavaScript. Chúng ta sẽ khám phá cú pháp của while vòng lặp, cách tạo vòng lặp do… while, và khám phá một vài ví dụ về các vòng lặp này đang hoạt động.

Vòng lặp trong khi JavaScript

Vòng lặp while trong JavaScript thực thi một khối mã trong khi một điều kiện đánh giá là true . trong khi các vòng lặp ngừng thực thi khi điều kiện của chúng được đánh giá là false. Vòng lặp while cho phép bạn lặp lại một khối mã nhiều lần mà không cần sao chép dán mã của bạn.

trong khi vòng lặp thường được sử dụng nếu bạn muốn chạy mã trong một số lần không xác định. Mặt khác, JavaScript cho vòng lặp được sử dụng nếu bạn đã biết hoặc có thể tính toán số lần vòng lặp của bạn sẽ thực thi.

Đây là cú pháp của while vòng lặp trong JavaScript:

 while (condition_is_true) {// Chạy mã} 

The while câu lệnh trông rất giống với một JavaScript for tuyên bố.

81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.

Sinh viên tốt nghiệp bootcamp trung bình dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.

Bạn có thể tạo một vòng lặp vô hạn bằng cách chỉ định một điều kiện sẽ luôn đánh giá là true. Đảm bảo rằng điều kiện của bạn có thể đánh giá thành false trừ khi bạn muốn vòng lặp của mình tiếp tục cho đến khi bạn dừng chương trình của mình theo cách thủ công.

Ví dụ về JavaScript While Loop

Giả sử rằng chúng tôi đang tổ chức một bữa tiệc độc quyền. Chúng tôi chỉ muốn mời 40 người tham gia bữa tiệc của mình vào bất kỳ thời điểm nào.

Đã có 35 người tại bữa tiệc của chúng tôi. Mỗi khi mời ai đó, chúng tôi muốn tính xem chúng tôi có thể mời thêm bao nhiêu người trước khi đạt đến giới hạn. Dưới đây là ví dụ về chương trình sử dụng while vòng lặp để thực hiện phép tính này:

 var limit =40; var current_attendees =35; while (current_attendees  

 Mã của chúng tôi trả về như sau:
 
 Bữa tiệc còn 4 chỗ trống, bữa tiệc còn 3 chỗ trống, bữa tiệc còn 2 chỗ trống, bữa tiệc còn 1 chỗ trống, bữa tiệc còn 0 chỗ trống.  

 Trên hai dòng đầu tiên của mã của chúng tôi, chúng tôi khai báo hai biến.  Giới hạn  biến được sử dụng để chỉ định số người tối đa có thể tham dự bữa tiệc của chúng tôi.  current_attendees  Biến JavaScript theo dõi số lượng người hiện đang tham dự bữa tiệc. 
 

 Chúng tôi tạo ra một  trong khi  vòng lặp thực thi miễn là số lượng người tham dự hiện tại ít hơn giới hạn chúng tôi đã đặt. 
 

 Sau đó, chương trình của chúng tôi thêm  1  cho số lượng người tham dự hiện tại và tính toán số lượng khoảng trống còn lại bằng cách trừ đi  current_attendees  từ  giới hạn.  Cuối cùng, chương trình của chúng tôi in ra một tuyên bố tới bảng điều khiển cho lãnh đạo đảng của chúng tôi biết còn bao nhiêu khoảng trống. 
 

  trong khi  của chúng tôi Vòng lặp chạy miễn là có dưới 40 người trong nhóm của chúng tôi. Mỗi lần thực thi vòng lặp thì  current_attendees  của chúng tôi tăng lên  1.  Ngay sau khi nhóm của chúng tôi đạt được 40 người tham dự, vòng lặp của chúng tôi đã ngừng chạy. 
 
 Vòng lặp while:Một ví dụ khác 
 

 Hãy sử dụng một ví dụ khác để minh họa hoạt động của vòng lặp while. Trong ví dụ dưới đây, chúng tôi tạo một  while  vòng lặp in ra mọi tên trong mảng các VIP trong bữa tiệc của chúng tôi:
 
 var vips =['Robert De Niro', 'Will Smith', 'Brad Pitt', 'Denzel Washington']; var counter =0; while (counter  

 Mã của chúng tôi trả về:
 
 Robert De NiroWill SmithBrad PittDenzel Washington 
 

 Vòng lặp của chúng tôi lặp lại qua  vips  mảng miễn là biến bộ đếm của chúng ta nhỏ hơn độ dài của mảng JavaScript. 
 
 JavaScript làm… Vòng lặp trong khi 
 

 Vòng lặp do… while của JavaScript thực hiện một câu lệnh một lần và sau đó nó sẽ kiểm tra xem một điều kiện có đúng không. Nếu điều kiện là đúng, vòng lặp sẽ được thực hiện lại. Nếu không, mã sẽ ngừng chạy. 
 

 Có một sự khác biệt lớn giữa vòng lặp while và do… while. các vòng lặp do… while thực thi ít nhất một lần ngay cả khi điều kiện mà chúng chỉ định không bao giờ đánh giá là true. Mặt khác, vòng lặp while chỉ thực thi nếu điều kiện của chúng đánh giá là true. 
 

 Đây là cú pháp của  do… while  vòng lặp trong JavaScript:
 
 do {// Chạy mã} while (condition_is_true); 
 

 Mã trong  do… while  của chúng tôi vòng lặp sẽ luôn được thực thi ít nhất một lần. 
 
 JavaScript do… while Ví dụ về vòng lặp 
 

 Hãy sử dụng một ví dụ để minh họa cách  làm… trong khi  vòng lặp hoạt động. Giả sử rằng chúng tôi đang tạo một trò chơi đoán. Chúng tôi muốn chương trình của mình tiếp tục yêu cầu người dùng đoán một số cho đến khi họ đoán đúng số. 
 

 Dưới đây là một chương trình ví dụ mà chúng tôi có thể sử dụng để tạo trò chơi đoán này:
 
 var number_to_guess =7; var started_number =0; do {var input =prompt ("Nhập một số từ 1 đến 10.") var input =prompt ("Nhập một số từ 1 đến 10") var started_number =parseInt (input);} while (started_number! =number_to_guess); 
 

 Chương trình của chúng tôi sẽ yêu cầu người dùng chèn một số từ 1 đến 10 với điều kiện là  ước_số  không bằng  number_to_guess.  Nhưng chương trình của chúng tôi sẽ thực thi nội dung của  do  trước khi nó đánh giá các điều kiện lần đầu tiên. 
 

 Khi điều kiện của chúng tôi là sai, vòng lặp của chúng tôi sẽ ngừng thực thi. 
 
 Kết luận 
 

 Trong khi các vòng lặp có thể được sử dụng để thực thi một khối mã lặp lại trong khi một câu lệnh đánh giá là true. vòng lặp do… while có thể được sử dụng để thực thi một khối mã một lần. Chúng sẽ tiếp tục chạy nếu một câu lệnh tiếp tục đánh giá là true. 
 

 Vòng lặp while và do… while hữu ích nếu bạn muốn thực thi một khối mã trong khi một điều kiện nhất định được đáp ứng. 
 

 Trong hướng dẫn này, chúng tôi đã thảo luận về cách tạo  while  và  làm… trong khi  vòng lặp trong JavaScript. Chúng tôi cũng đã khám phá một vài ví dụ về các vòng lặp này đang hoạt động để minh họa nơi chúng có thể hữu ích. Giờ đây, bạn đã được trang bị thông tin cần thiết để sử dụng trong khi lặp lại như một chuyên gia JavaScript! 
 

 Để được tư vấn về các khóa học và tài nguyên học JavaScript hàng đầu, hãy xem bài viết Cách học JavaScript của chúng tôi.