Lặp qua số JavaScript

Ví dụ: nếu bạn muốn hiển thị thông báo 100 lần, thì bạn có thể sử dụng vòng lặp. Nó chỉ là một ví dụ đơn giản;

Hướng dẫn này tập trung vào vòng lặp JavaScript for. Bạn sẽ tìm hiểu về các loại vòng lặp khác trong các hướng dẫn sắp tới

Cú pháp của vòng lặp for là

for (initialExpression; condition; updateExpression) {
    // for loop body
}

Nơi đây,

1. initExpression khởi tạo và/hoặc khai báo các biến và chỉ thực hiện một lần
2. Điều kiện được đánh giá
   • Nếu điều kiện là

     // program to display text 5 times
     const n = 5;
     
     // looping from i = 1 to 5
     for (let i = 1; i <= n; i++) {
         console.log(`I love JavaScript.`);
     }

     1, vòng lặp for kết thúc
   • Nếu điều kiện là

     // program to display text 5 times
     const n = 5;
     
     // looping from i = 1 to 5
     for (let i = 1; i <= n; i++) {
         console.log(`I love JavaScript.`);
     }

     3, khối mã bên trong vòng lặp for được thực thi
3. updateExpression cập nhật giá trị của initialExpression khi điều kiện là

   // program to display text 5 times
   const n = 5;
   
   // looping from i = 1 to 5
   for (let i = 1; i <= n; i++) {
       console.log(`I love JavaScript.`);
   }

   3
4. Điều kiện được đánh giá lại. Quá trình này tiếp tục cho đến khi điều kiện là

   // program to display text 5 times
   const n = 5;
   
   // looping from i = 1 to 5
   for (let i = 1; i <= n; i++) {
       console.log(`I love JavaScript.`);
   }

   1

Để tìm hiểu thêm về các điều kiện, hãy truy cập So sánh JavaScript và Toán tử logic

ví dụ 1. Hiển thị văn bản năm lần

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

đầu ra

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

Đây là cách chương trình này hoạt động

IterationVariableCondition. i <= nAction1st_______1_______7

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

ví dụ 2. Hiển thị số từ 1 đến 5

// program to display numbers from 1 to 5
const n = 5;

// looping from i = 1 to 5
// in each iteration, i is increased by 1
for (let i = 1; i <= n; i++) {
    console.log(i);     // printing the value of i
}

đầu ra

1
2
3
4
5

Đây là cách chương trình này hoạt động

IterationVariableCondition. i <= nAction1st_______1_______7

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

ví dụ 3. Hiển thị Tổng của n số tự nhiên

// program to display the sum of natural numbers
let sum = 0;
const n = 100

// looping from i = 1 to n
// in each iteration, i is increased by 1
for (let i = 1; i <= n; i++) {
    sum += i;  // sum = sum + i
}

console.log('sum:', sum);

đầu ra

sum: 5050

Ở đây, giá trị của sum ban đầu là 0. Sau đó, một vòng lặp for được lặp lại từ

// program to display the sum of natural numbers
let sum = 0;
const n = 100

// looping from i = 1 to n
// in each iteration, i is increased by 1
for (let i = 1; i <= n; i++) {
    sum += i;  // sum = sum + i
}

console.log('sum:', sum);

Khi tôi trở thành 101, điều kiện kiểm tra là

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

Chương trình trên để cộng tổng các số tự nhiên cũng có thể được viết là

// program to display the sum of n natural numbers
let sum = 0;
const n = 100;

// looping from i = n to 1
// in each iteration, i is decreased by 1
for(let i = n; i >= 1; i-- ) {
    // adding i to sum in each iteration
    sum += i; // sum = sum + i
}

console.log('sum:',sum);

Chương trình này cũng cho kết quả tương tự như Ví dụ 3. Bạn có thể hoàn thành cùng một nhiệm vụ theo nhiều cách khác nhau trong lập trình;

Mặc dù cả hai cách đều đúng nhưng bạn nên cố gắng làm cho mã của mình dễ đọc hơn

JavaScript Vô hạn cho vòng lặp

Nếu điều kiện kiểm tra trong vòng lặp for luôn là

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

// infinite for loop
for(let i = 1; i > 0; i++) {
    // block of code
}

Trong chương trình trên, điều kiện luôn là

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

Làm cách nào để chạy vòng lặp 10 lần trong JavaScript?

Làm cách nào để lặp qua đối tượng trong JavaScript?

Làm cách nào để bắt đầu một vòng lặp trong JavaScript?

Làm cách nào để duyệt qua một danh sách trong JavaScript?