Các vòng lặp rất tiện dụng, nếu bạn muốn chạy đi chạy lại cùng một mã, mỗi lần với một giá trị khác nhau.
Thường thì đây là trường hợp khi làm việc với mảng
for
– lặp qua một khối mã nhiều lầnfor/in
– lặp qua các thuộc tính của một đối tượngfor/of
– lặp qua các giá trị của một đối tượng có thể lặp lạiwhile
– lặp qua một khối mã trong khi một điều kiện được chỉ định là đúngdo/while
– cũng lặp lại qua một khối mã trong khi một điều kiện được chỉ định là đúngconst cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];
thay vì viết như thế này:
text += cars[0] + "<br>"; text += cars[1] + "<br>"; text += cars[2] + "<br>"; text += cars[3] + "<br>"; text += cars[4] + "<br>"; text += cars[5] + "<br>";
ví dụ 1
ta có thể dùng vòng lặp for để lấy tất cả cá phần tử ra như sau
for (let i = 0; i < cars.length; i++) { text += cars[i] + "<br>"; }
kết quả thu được sẽ hiển thị như sau:
hình 1
Câu lệnh JavaScript for inlặp qua các thuộc tính của một Đối tượng:
for (key in object) { //code }
ví dụ 1:
const person = {fname:"John", lname:"Doe", age:25}; let text = ""; for (let x in person) { text += person[x]; }
Giải thích code bên trên
Câu lệnh JavaScript for oflặp qua các giá trị của một đối tượng có thể lặp lại.
Nó cho phép bạn lặp qua các cấu trúc dữ liệu có thể lặp lại như Mảng, Chuỗi, Bản đồ, Danh sách Node, v.v.
cú pháp:
for (variable of iterable) { // code }
ví dụ lặp qua 1 mảng:
const cars = ["BMW", "Volvo", "Mini"]; let text = ""; for (let x of cars) { text += x + "<br>"; } document.getElementById("demo").innerHTML = text;
kết quả thu được như sau:
hình 2 kết quả thu được khi lặp qua một mảng
ví dụ lặp qua 1 chuỗi:
let language = "JavaScript"; let text = ""; for (let x of language) { text += x + "<br>"; } document.getElementById("demo").innerHTML = text;
hình 3: kết quả thu được khi lặp qua 1 chuỗi
Vòng while lặp đi qua một khối code miễn là một điều kiện được chỉ định là đúng.
cú pháp:
while (condition) { // code }
ví dụ vòng lặp while:
let text = ""; let i = 0; while (i < 10) { text += "<br>The number is " + i; i++; }
Vòng do while lặp là một biến thể của vòng lặp while. Vòng lặp này sẽ thực hiện khối mã ít nhất một lần, trước khi kiểm tra xem điều kiện có đúng không, sau đó nó sẽ lặp lại vòng lặp miễn là điều kiện là đúng.
cú pháp:
do { // code } while (condition);
để chứng mình vòng lặp do while chạy ít nhất một lần ta thử để điều kiện trong while là false thử:
var i = 0 do { text += "The number is " + i; i++; } while (i = 10);
kết quả thu được in ra là “The number is 0” tức là điều kiện của ta sai nhưng vòng lặp do while vẫn sẽ chạy một lần
Cảm ơn bạn đã đọc tới đây – chúng tôi hy vọng bạn thích bài viết này của tôi.
Bạn hãy tiếp tục theo dõi chúng tôi để có thể cập nhật nhiều bài viết hơn nữa về lập trình. Chúc các bạn học tập vui vẻ.
Bình luận: