Vòng lặp While trong JavaScript

Khóa học JavaScript cơ bản

5.0 (3 đánh giá)
Tạo bởi Katsu Cập nhật lần cuối 2 năm trước 4.073 lượt xem 0 bình luận
Tác giả/Dịch giả: Nông Thanh Toàn K9
Học nhanh

Danh sách bài học

01. Tải và cài đặt môi trường nodejs 02. Chạy một chương trình Js cơ bản bằng node, làm việc với file text 03. Chú thích - keywords - khối lệnh 04. Biến trong JavaScript (Phần 1) - Biến và Hằng số 05. Biến trong JavaScript (Phần 2) - Khởi tạo biến bằng từ khóa var và let 06. Biến trong JavaScript (Phần 3) - Toán tử gán và các toán tử so sánh 07. Bài tập về Biến trong JavaScript 08. Kiểu dữ liệu số trong JavaScript (Phần 1) - Number 09. Kiểu dữ liệu số trong JavaScript (Phần 2) - Các thuộc tính và phương thức đối với số 10. Kiểu dữ liệu số trong JavaScript (Phần 3) - Khái quát về kiểu dữ liệu BigInt 11. Bài tập về kiểu dữ liệu Number trong JavaScript 12. Kiểu dữ liệu chuỗi trong JavaScript (Phần 1) - Khái quát về kiểu dữ liệu chuỗi trong Js 13. Kiểu dữ liệu chuỗi trong JavaScript (Phần 2) - Template literals trong Js, Mối liên hệ giữa Number-String và Number 14. Kiểu dữ liệu chuỗi trong JavaScript (Phần 3) - Các phương thức với chuỗi trong Javascript 15. Kiểu dữ liệu chuỗi trong JavaScript (Phần 4) - Các phương thức với chuỗi trong Javascript 16. Bài tập về kiểu dữ liệu chuỗi trong JavaScript 17. Kiểu dữ liệu Boolean trong JavaScript 18. Bài tập về kiểu dữ liệu Boolean trong JavaScript 19. Kiểu dữ liệu Symbol trong JavaScript 20. Bài tập về kiểu dữ liệu Symbol trong JavaScript 21. Các giá trị Null và Undefined trong JavaScript 22. Bài tập về các giá trị Null và Undefined trong JavaScript 23. Câu lệnh điều kiện if-else và switch–case trong JavaScript 24. Bài tập về câu lệnh điều kiện trong JavaScript 25. Vòng lặp While trong JavaScript 26. Vòng lặp For trong JavaScript 27. Bài tập về vòng lặp trong JavaScript 28. Function trong JavaScript (Phần 1) - Khái niệm về Function 29. Function trong JavaScript (Phần 2) - Các kiến thức mở rộng 30. Function trong JavaScript (Phần 3) - Khái niệm về đệ quy 31. Bài tập về Function trong JavaScript 32. Mảng trong JavaScript (Phần 1)- Kiểu dữ liệu Array trong JavaScript 33. Mảng trong JavaScript (Phần 2) - Các phương thức với mảng trong JavaScript 34. Mảng trong JavaScript (Phần 3) - Các phương thức tiện ích của mảng JavaScript 35. Mảng trong JavaScript (Phần 4) - Các phương thức xử lý của mảng JavaScript 36. Bài tập về mảng trong JavaScript 37. Kiểu dữ liệu Set trong JavaScript 38. Bài tập về Kiểu dữ liệu Set trong JavaScript 39. Kiểu dữ liệu Map trong JavaScript

Vòng lặp While trong JavaScript

Dẫn nhập

Ở bài trước, chúng ta đã cùng nhau tìm hiểu về các câu lệnh điều kiện trong JavaScript

Trong bài này, Kteam sẽ giới thiệu đến các bạn một loại câu lệnh mới: câu lệnh lặp While


Nội dung

Để nắm vững nội dung bài này, bạn cần có kiến thức về

  • Biến trong JavaScript
  • Các kiểu dữ liệu cơ bản trong JavaScript
  • Các toán tử cơ bản trong JavaScript

Những nội dung mà chúng ta sẽ cùng tìm hiểu:

  • Đặt vấn đề
  • Vòng lặp while
  • Vòng lặp do – while
  • Lệnh break và continue

Đặt vấn đề

Vào một ngày đẹp trời không mây, Toàn có một trò chơi nho nhỏ: Thảy xúc xắc (súc sắc) cho đến khi xuất hiện 6 hoặc 7 nút.

Trong trường hợp này, Toàn không thể biết trước số lần mình gieo để đạt được mục tiêu mong muốn. Và việc thảy xúc xắc sẽ được diễn ra mãi cho đến khi xuất hiện số 6 hoặc 7.

Đối với những công việc được lặp đi lặp lại để thỏa mãn một điều kiện nào đó, thì trong lập trình, nó được gọi là vòng lặp


Vòng lặp while

Cú pháp:

while(<condition>) <statement>

Trong đó:

  • <condition> là một điều kiện, sẽ được đối chiếu trước khi thực hiện<statement>, và vòng lặp sẽ tiếp diễn mãi cho đến khi <condition> = falsy.
  • <statement>: là các lệnh (khối lệnh) sẽ được diễn ra khi <condition> = truthy.

Kteam xin nhấn mạnh: Vòng lặp sẽ xảy ra mãi cho đến khi <condition> = falsy. Khi đó, các lệnh tiếp theo sau vòng lặp sẽ được thực hiện.

Dưới đây là một ví dụ cụ thể: dùng hàm random để tạo ngẫu nhiên một con số nằm trong khoảng [0..10], và làm liên tục cho đến khi có một con số nào đó lớn hơn 7 xuất hiện.

Lưu ý: vì chúng ta đang random, nên với mỗi lần chạy, kết quả thu được sẽ khác nhau.

Dưới đây là một số ví dụ khác có dùng while

  • Ví dụ 1: In ra các số chẵn trong khoảng [0..10]
  • Ví dụ 2:Tính tổng các số nguyên nằm trong khoảng [0..100]
  • Ví dụ 3: In ra các kí tự có trong một chuỗi

Vòng lặp do-while

Cú pháp:

do <statement> while(<condition>)

Trong đó, <statement> <condition> giống như đối với while, chỉ khác là đối với <condition>, việc kiểm tra sẽ diễn ra sau khi các lệnh được thực hiện.

Đối với vòng lặp này, thì các lệnh <statement> sẽ được thực hiện ít nhất một lần trước khi kiểm tra <condition>.

Về mặt cơ bản, chúng là như nhau. Dưới đây là các ví dụ bên trên khi được viết bằng do-while

  • Ví dụ 1: In ra các số chẵn trong khoảng [2..10]
  • Ví dụ 2: Tính tổng các số nguyên nằm trong khoảng [0..100]
  • Ví dụ 3: In ra các kí tự trong một chuỗi

Lệnh break và continue

Lệnh break

Đối với break, thì Kteam đã giải thích tương đối đầy đủ ở bài Câu lệnh điều kiện trong JavaScript, các bạn có thể xem lại.

Trong một vòng lặp, khi đang chạy mà gặp lênh break, thì chương trình sẽ kết thúc luôn vòng lặp mà không cần xem xét điều kiện.

  • Ví dụ: với chương trình sau, ta chỉ tính được tổng các số trong khoảng [1..50]:

Lệnh continue

Khác với break, lệnh continue trong vòng lặp while sẽ khiến chương trình bỏ qua các lệnh sau nó, và trực tiếp chuyển đến kiểm tra điều kiện.

  • Ví dụ: Tính tổng các số trong khoảng [0..100], bỏ qua các số trong khoảng [50..60]:

Kết luận

Qua bài này, các bạn đã được tìm hiểu về vòng lặp với while trong JavaScript

Ở bài sau, các bạn sẽ được tìm hiểu về một dạng vòng lặp khác: vòng lặp với for

Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Đừng quên “Luyện tập – Thử thách – Không ngại khó”.


Tải xuống

Tài liệu

Nhằm phục vụ mục đích học tập Offline của cộng đồng, Kteam hỗ trợ tính năng lưu trữ nội dung bài học Vòng lặp While trong JavaScript dưới dạng file PDF trong link bên dưới.

Ngoài ra, bạn cũng có thể tìm thấy các tài liệu được đóng góp từ cộng đồng ở mục TÀI LIỆU trên thư viện Howkteam.com

Đừng quên likeshare để ủng hộ Kteam và tác giả nhé!


Thảo luận

Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.

Tác giả/Dịch giả


K9

Nhà sáng lập Howkteam.com, KQuiz.vn & tác giả các khóa học C#, Auto, Unity3D, Python....

Với mong muốn mang đến kiến thức chất lượng, miễn phí cho mọi người, với tâm huyết phá bỏ rào cản kiến thức từ việc giáo dục thu phí. Tôi đã cùng đội ngũ Kteam đã lập nên trang website này để thế giới phẳng hơn.
Hãy cùng chúng tôi lan tỏa kiến thức đến cộng đồng! 

Khóa học

Khóa học JavaScript cơ bản

Nếu bạn đang muốn bắt đầu học JavaScript thì đây chính là khóa học dành cho bạn. Trong khóa học này, Kteam sẽ cung cấp cho những kiến thức cơ bản nhất của ngôn ngữ lập trình JavaScript.

Khóa học này không đòi hỏi kiến thức nền tảng nhiều, nên giả sử như bạn chưa biết gì về lập trình, bạn vẫn có thể tham gia. Do đó dù bạn có là một người trái ngành cũng có thể tiếp cận - Đồng thời bạn cũng không cần phải là một thiên tài toán học để tham gia khóa học này 😉.

Đánh giá

5.0
3 đánh giá
Đánh giá
5
3
4
3
2
1
hieunxhe191630 đã đánh giá 12 ngày trước

Midir reynard đã đánh giá 10 tháng trước

Thanks a bunch

Vo Tan Duc đã đánh giá 2 năm trước

Bình luận

Để bình luận, bạn cần đăng nhập bằng tài khoản Howkteam.

Đăng nhập
Không có video.