Chúng ta có thể viết vòng lặp trong css không?

Các loại vòng lặp khác nhau

JavaScript hỗ trợ các loại vòng lặp khác nhau

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

vòng lặp for

Câu lệnh for tạo một vòng lặp với 3 biểu thức tùy chọn

for (biểu thức 1; biểu thức 2; biểu thức 3) {
  // ​​khối mã sẽ được thực thi
}

Biểu thức 1 được thực thi (một lần) trước khi thực thi khối mã

Biểu thức 2 xác định điều kiện để thực thi khối mã

Biểu thức 3 được thực thi (mỗi lần) sau khi khối mã đã được thực thi

Thí dụ

for (let i = 0; i < 5; i++) {
  text += "Số là " + i + "
"
}

Từ ví dụ trên, bạn có thể đọc

Biểu thức 1 đặt một biến trước khi vòng lặp bắt đầu (let i = 0)

Biểu thức 2 xác định điều kiện để vòng lặp chạy (i phải nhỏ hơn 5)

Biểu thức 3 tăng một giá trị (i++) mỗi khi khối mã trong vòng lặp được thực thi

biểu thức 1

Thông thường bạn sẽ sử dụng biểu thức 1 để khởi tạo biến được sử dụng trong vòng lặp (let i = 0)

Đây không phải là luôn luôn như vậy. JavaScript không quan tâm. Biểu thức 1 là tùy chọn

Bạn có thể bắt đầu nhiều giá trị trong biểu thức 1 (được phân tách bằng dấu phẩy)

Thí dụ

Và bạn có thể bỏ qua biểu thức 1 (như khi các giá trị của bạn được đặt trước khi vòng lặp bắt đầu)

Thí dụ

let i = 2;
let len ​​= xe. độ dài;
let text = "";
for (; i < len; i++) {
  text += xe[
";
}

biểu thức 2

Biểu thức 2 thường được dùng để đánh giá điều kiện của biến ban đầu

Đây không phải là luôn luôn như vậy. JavaScript không quan tâm. Biểu thức 2 cũng là tùy chọn

Nếu biểu thức 2 trả về true, vòng lặp sẽ bắt đầu lại. Nếu nó trả về false, vòng lặp sẽ kết thúc

Nếu bạn bỏ qua biểu thức 2, bạn phải cung cấp dấu ngắt bên trong vòng lặp. Nếu không vòng lặp sẽ không bao giờ kết thúc. Điều này sẽ làm hỏng trình duyệt của bạn. Đọc về nghỉ giải lao trong chương sau của hướng dẫn này

biểu thức 3

Thường thì biểu thức 3 tăng giá trị của biến ban đầu

Đây không phải là luôn luôn như vậy. JavaScript không quan tâm. Biểu thức 3 là tùy chọn

Biểu thức 3 có thể làm bất cứ điều gì như tăng âm (i--), tăng dương (i = i + 15) hoặc bất kỳ điều gì khác

Biểu thức 3 cũng có thể được bỏ qua (như khi bạn tăng các giá trị của mình bên trong vòng lặp)

Thí dụ

let i = 0;
let len ​​= xe. độ dài;
let text = "";
for (; i < len; ) {
  text += car[i
";
  i++;
}

Phạm vi vòng lặp

Sử dụng var trong một vòng lặp

Thí dụ

biến tôi = 5;

for (var i = 0; i < 10; i++) {
  // một số mã
}

// Đây là tôi 10

Sử dụng let trong một vòng lặp

Thí dụ

cho i = 5;

for (let i = 0; i < 10; i++) {
  // ​​một số mã
}

// Ở đây tôi là 5

Trong ví dụ đầu tiên, sử dụng var, biến được khai báo trong vòng lặp sẽ khai báo lại biến bên ngoài vòng lặp

Trong ví dụ thứ hai, sử dụng let, biến được khai báo trong vòng lặp không khai báo lại biến ngoài vòng lặp

Khi let được sử dụng để khai báo biến i trong vòng lặp, biến i sẽ chỉ hiển thị trong vòng lặp

Chúng ta có thể viết vòng lặp trong HTML không?

Chúng ta có thể sử dụng vòng lặp for trong SCSS không?

Làm cách nào để lặp văn bản trong HTML?