Tại sao var không được sử dụng trong vòng lặp for trong Javascript?

Vòng lặp for là một thành phần quan trọng của hầu hết mọi ngôn ngữ lập trình và JavaScript cũng không ngoại lệ. Nếu bạn quen thuộc với các ngôn ngữ như C hoặc PHP, bạn sẽ nhanh chóng nhận ra các vòng lặp

Trong JavaScript, vòng lặp for cho phép bạn lặp lại mã cho đến khi một điều kiện cụ thể trở thành sai

Ưu điểm của vòng lặp for so với các vòng lặp khác, như vòng lặp while, là nó cho phép bạn tăng giá trị trên mỗi vòng lặp một cách dễ dàng

Xuyên suốt hướng dẫn này, chúng ta sẽ thảo luận về cách xác định vòng lặp for trong JavaScript và cách bạn có thể sử dụng nó

Mục lục

Cú pháp của Vòng lặp for trong JavaScript

Vòng lặp for trong JavaScript khá mạnh mẽ. Vòng lặp này có ba biểu thức cho phép bạn kiểm soát hành vi của nó. Chúng ta sẽ xem xét từng biểu thức này ngay sau đây

Trước khi giải thích chức năng của từng biểu thức này, chúng ta hãy xem cú pháp của vòng lặp này. Mặc dù nó có vẻ phức tạp đối với người dùng mới, nhưng nó rất đơn giản

for ([initialExpression]; [conditionExpression]; [incrementExpression]) {
   //Your Code Goes Here
}

Bây giờ chúng ta hãy khám phá từng biểu thức mà bạn có thể sử dụng

• for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  2 – Với biểu thức ban đầu, bạn có thể tạo một biến và gán giá trị cho nó
  
  Nếu bạn không muốn tạo hoặc gán giá trị ở đầu vòng lặp, bạn có thể để trống biểu thức này (Bạn phải giữ dấu chấm phẩy)

• for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  3 – Tại đây, bạn có thể chỉ định một điều kiện được đánh giá khi bắt đầu mỗi vòng lặp
  
  Nếu bạn để trống biểu thức này (Chỉ một dấu chấm phẩy), vòng lặp sẽ chạy cho đến khi nó bị ngắt khi sử dụng “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  4“
  
  • Nếu điều kiện là

    for (let i = 0; i <= 5; i++) {
        console.log(i);
    }

    5, vòng lặp đó sẽ tiếp tục chạy
  • Khi nó được đánh giá là

    for (let i = 0; i <= 5; i++) {
        console.log(i);
    }

    6, vòng lặp sẽ kết thúc
    

• for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  7 – Biểu thức cuối cùng bạn có thể đặt cho phép bạn tăng hoặc giảm giá trị trên mỗi vòng lặp. Một giá trị chỉ tăng hoặc giảm ở cuối mỗi vòng lặp
  
  Giống như các biểu thức khác, bạn có thể để trống phần này nếu không muốn giá trị tăng hoặc giảm

Luồng thực thi của vòng lặp for

Trước khi bắt đầu, chúng ta hãy khám phá nhanh luồng thực thi của vòng lặp for. Để giới thiệu điều này, chúng tôi sẽ sử dụng đoạn mã sau

Đó là một đoạn JavaScript đơn giản thể hiện vòng lặp for rất cơ bản

for (let i = 0; i < 4; i++) {
    console.log(i);
}

1. Khi vòng lặp for chạy lần đầu tiên, nó sẽ khởi tạo bất kỳ biến nào được tham chiếu trong phần “

   for (let i = 0; i <= 5; i++) {
       console.log(i);
   }

   8” của vòng lặp
   
   Trong mã ví dụ của chúng tôi, biến “_______1_______9” được tạo và gán giá trị “

   0
   1
   2
   3
   4
   5

   0“
2. Biểu thức điều kiện được kiểm tra trên mỗi vòng lặp để xem nó là “_______1_______5” hay “

   for (let i = 0; i <= 5; i++) {
       console.log(i);
   }

   6“
   
   Trong trường hợp của chúng ta, biến “

   for (let i = 0; i <= 5; i++) {
       console.log(i);
   }

   9” được kiểm tra xem nó có nhỏ hơn

   0
   1
   2
   3
   4
   5

   4 không. Nếu giá trị nhỏ hơn

   0
   1
   2
   3
   4
   5

   4, vòng lặp sẽ được chạy. Nếu nó bằng hoặc lớn hơn

   0
   1
   2
   3
   4
   5

   4, vòng lặp sẽ kết thúc
3. Mã trong vòng lặp của bạn sẽ được chạy trong khi điều kiện tiếp tục đúng
   
   Với ví dụ của chúng tôi, chúng tôi chỉ đơn giản sử dụng hàm “

   0
   1
   2
   3
   4
   5

   7” để ghi lại giá trị của biến i của chúng tôi
4. Cuối cùng, “

   0
   1
   2
   3
   4
   5

   8” được thực hiện ở cuối vòng lặp
   
   Với ví dụ của chúng tôi, điều này có nghĩa là giá trị biến “

   for (let i = 0; i <= 5; i++) {
       console.log(i);
   }

   9” được tăng thêm một. Khi biểu thức này kết thúc, vòng lặp sẽ quay lại bước 2

Sử dụng vòng lặp for trong JavaScript

Bây giờ chúng ta đã hiểu cách định nghĩa vòng lặp for trong JavaScript, hãy để chúng tôi chỉ cho bạn cách sử dụng nó

Trong suốt phần này, chúng tôi sẽ cung cấp cho bạn một vài ví dụ về cách viết vòng lặp for, cách kiểm soát chúng và phạm vi của các biến được khai báo bên trong chúng.

Viết vòng lặp for trong JavaScript

Cách tốt nhất để học cách viết vòng lặp for là xem xét một số ví dụ đơn giản

Qua các ví dụ sau, chúng tôi sẽ chỉ cho bạn cách viết một vòng lặp for đơn giản, sử dụng vòng lặp for để lặp qua một mảng và các ví dụ về điều gì sẽ xảy ra khi bạn loại bỏ một biểu thức

Một vòng lặp đơn giản

Hãy bắt đầu với vòng lặp for cơ bản trong JavaScript. Chúng tôi sẽ đặt cả ba tham số vòng lặp mà chúng tôi sẽ nhanh chóng xem qua

• const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  0 – Điều này khai báo một biến có tên là “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9” và gán cho nó giá trị của

  0
  1
  2
  3
  4
  5

  0 khi vòng lặp bắt đầu

• const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  3 – Ở đây, chúng ta đặt điều kiện để vòng lặp tiếp tục chạy miễn là giá trị của “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9” nhỏ hơn hoặc bằng

  const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  5

• const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  6 – Đối với mỗi vòng lặp, chúng ta tăng giá trị của biến “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9” lên một

Trong vòng lặp này, chúng tôi sử dụng “

0
1
2
3
4
5

7” để ghi lại giá trị của biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” trên mỗi vòng lặp. Với điều này, bạn sẽ có thể thấy biểu thức gia tăng hoạt động như thế nào

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

Sau khi chạy tập lệnh này, bạn sẽ nhận được đầu ra sau. Bạn có thể thấy cách biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” của chúng tôi bắt đầu từ

0
1
2
3
4
5

0. Sau mỗi vòng lặp, giá trị của biến được tăng thêm một cho đến khi nó bằng

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5

0
1
2
3
4
5

Lặp lại một mảng trong JavaScript bằng vòng lặp for

Vòng lặp for trong JavaScript hữu ích nhất khi được sử dụng để lặp qua một mảng

Chúng ta bắt đầu ví dụ này bằng cách tạo một mảng mới có tên là “

raspberry
pie
pimylifeup
JavaScript

3“. Trong mảng này, chúng tôi đặt các giá trị “raspberry“, “pie“, “pimylifeup” và “JavaScript“

• const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  0 – Ở đây, chúng ta tạo biến mà chúng ta sẽ sử dụng để lặp qua mảng. Chúng tôi đặt tên cho biến này là “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9” và gán cho nó giá trị là

  0
  1
  2
  3
  4
  5

  0

• raspberry
  pie
  pimylifeup
  JavaScript

  7 – Để vòng lặp chạy ta kiểm tra xem giá trị của “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9” có nhỏ hơn độ dài của mảng không
  
  Trong JavaScript, mảng có thuộc tính “

  raspberry
  pie
  pimylifeup
  JavaScript

  9” cho phép bạn dễ dàng lấy độ dài của mảng

• const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  6 – Mỗi lần lặp, chúng ta sử dụng toán tử

  let i = 0;
  
  for ( ; i <= 5; i++) {
      console.log(i);
  }

  1 để tăng giá trị của biến “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9”. Cho phép chúng ta lặp qua từng phần tử mảng một cách từ từ

Trong mỗi vòng lặp, chúng ta in phần tử mảng tương ứng với giá trị trong biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9”. Làm điều này sẽ cho phép chúng tôi in từng giá trị được giữ trong mảng

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

Sau khi chạy tập lệnh này, bạn sẽ thấy từng giá trị trong mảng được in ra bàn điều khiển

raspberry
pie
pimylifeup
JavaScript

Viết vòng lặp for mà không có biểu thức ban đầu

Trong JavaScript, bạn có thể sử dụng vòng lặp for mà không cần chỉ định biểu thức ban đầu. Việc sử dụng vòng lặp for theo cách này rất hữu ích nếu bạn có một giá trị muốn lặp được xác định trước khi vòng lặp bắt đầu

Ở đầu đoạn mã của chúng tôi, chúng tôi sẽ khai báo biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” và gán cho nó giá trị

0
1
2
3
4
5

0

• const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  3 – Đối với điều kiện, chúng ta kiểm tra xem giá trị của biến “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9” có nhỏ hơn hoặc bằng

  const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  5

• const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  6 – Ở cuối mỗi vòng lặp, chúng ta tăng giá trị của biến “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9” lên một

Trong mỗi vòng lặp, chúng tôi ghi lại giá trị của “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” vào bảng điều khiển

let i = 0;

for ( ; i <= 5; i++) {
    console.log(i);
}

Dưới đây là kết quả bạn sẽ thấy sau khi chạy đoạn mã JavaScript bên dưới

0
1
2
3
4
5

Sử dụng JavaScript cho vòng lặp không có điều kiện

Cũng có thể viết vòng lặp for không có điều kiện. Điều này có nghĩa là vòng lặp for của bạn sẽ tiếp tục chạy vô thời hạn

Cách duy nhất để dừng vòng lặp là sử dụng từ khóa “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

4” trong vòng lặp

• const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  0 – Khi vòng lặp bắt đầu lần đầu tiên, biến “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9” của chúng ta sẽ được tạo và gán giá trị

  0
  1
  2
  3
  4
  5

  0

• const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  6 – Trước khi vòng lặp kết thúc, giá trị của “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9” được tăng lên bởi

  0
  1
  2
  3
  4
  5

  8 bằng cách sử dụng toán tử

  let i = 0;
  
  for ( ; i <= 5; i++) {
      console.log(i);
  }

  1

Trong vòng lặp, chúng tôi sử dụng “

0
1
2
3
4
5

7” để in giá trị hiện tại được lưu trữ trong biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9”

Sau đó, chúng ta sử dụng câu lệnh điều kiện if để kiểm tra xem giá trị của “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” hiện có lớn hơn

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5 hay không. Nếu giá trị lớn hơn, chúng tôi dừng vòng lặp bằng cách sử dụng từ khóa “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

4”

for (let i = 0; ; i++) {
    console.log(i);

    if (i > 5) {
         break;
    }
}

Dưới đây bạn có thể thấy kết quả của kịch bản này. Bạn có thể thấy rằng vòng lặp JavaScript for của chúng tôi đã bị dừng sau khi “_______1_______9” được tăng lên lớn hơn

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5 và câu lệnh if của chúng tôi đã được thực thi

0
1
2
3
4
5
6

Sử dụng vòng lặp for không có biểu thức tăng

Trong JavaScript, bạn có thể sử dụng vòng lặp for mà không cần biểu thức gia số. Điều này có nghĩa là bạn sẽ cần phải điều chỉnh bất kỳ giá trị nào trong chính vòng lặp đó

Điều này hữu ích khi bạn có thể muốn điều chỉnh giá trị “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” khác với việc tăng hoặc giảm đơn giản

• const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  0 – Chúng tôi bắt đầu vòng lặp bằng cách tạo một biến có tên là “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9“. Biến này sẽ được gán giá trị

  0
  1
  2
  3
  4
  5

  0

• 0
  1
  2
  3
  4
  5
  6

  1 – Chúng tôi kiểm tra xem giá trị hiện tại của “

  for (let i = 0; i <= 5; i++) {
      console.log(i);
  }

  9” có nhỏ hơn

  const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];
  
  for (let i = 0; i < array.length; i++) {
      console.log(array[i]);
  }

  5 hay không

Trong chính vòng lặp for, chúng tôi ghi lại giá trị hiện tại của biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9”. Sau đó, chúng ta tăng giá trị của biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” bằng cách sử dụng toán tử

let i = 0;

for ( ; i <= 5; i++) {
    console.log(i);
}

1

for (let i = 0; i < 4; i++) {
    console.log(i);
}

0

Dưới đây bạn có thể thấy đầu ra được tạo bởi đoạn mã này

for (let i = 0; i < 4; i++) {
    console.log(i);
}

1

JavaScript cho vòng lặp không có bất kỳ biểu thức nào

Cũng có thể sử dụng vòng lặp for mà không cần sử dụng bất kỳ biểu thức nào. Tất nhiên, đây không phải là cách tốt nhất để sử dụng vòng lặp for trong JavaScript, và thay vào đó, bạn nên xem xét sử dụng thứ gì đó như vòng lặp while

Khi được sử dụng theo cách này, không có biến nào được tạo hoặc tăng tự động và không có điều kiện để vòng lặp dừng lại. Điều này tương đương với việc sử dụng vòng lặp

0
1
2
3
4
5
6

7

Trong vòng lặp này, chúng tôi sử dụng câu lệnh if để kiểm tra xem “_______1_______9” hiện có lớn hơn

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5 hay không. Nếu đúng như vậy, chúng tôi sử dụng từ khóa “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

4” để thoát ra khỏi vòng lặp

Nếu giá trị nhỏ hơn hoặc bằng

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5, chúng tôi tiếp tục chạy phần còn lại của khối mã. Đầu tiên, chúng tôi ghi giá trị của “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” vào bảng điều khiển, sau đó tăng giá trị đó lên một lượng là

0
1
2
3
4
5

8

for (let i = 0; i < 4; i++) {
    console.log(i);
}

2

Hiển thị bên dưới là đầu ra từ ví dụ JavaScript của chúng tôi

0
1
2
3
4
5

Thoát khỏi vòng lặp for trong JavaScript

Trong khi chạy vòng lặp for, có những lúc bạn muốn thoát ra khỏi vòng lặp trước khi nó chạy xong

Ví dụ: nếu bạn sớm nhận được kết quả mong muốn trong vòng lặp, bạn có thể sử dụng từ khóa “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

4” để dừng vòng lặp

Để giới thiệu điều này, chúng tôi có vòng lặp JavaScript for đơn giản bên dưới. Trong vòng lặp, chúng ta có một câu lệnh if để kiểm tra xem giá trị của “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” có bằng với

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5 hay không

Nếu giá trị bằng “

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5” thì chúng ta thoát ra khỏi vòng lặp để nó ngừng chạy trước khi vòng lặp đạt đến điều kiện của nó (

for (let i = 0; i < 4; i++) {
    console.log(i);
}

08)

for (let i = 0; i < 4; i++) {
    console.log(i);
}

4

Với kết quả bên dưới, bạn có thể thấy rằng kết quả đã ngừng được ghi lại sau khi giá trị bằng

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5

for (let i = 0; i < 4; i++) {
    console.log(i);
}

1

Sử dụng từ khóa continue trong vòng lặp for

Bạn cũng có thể kiểm soát vòng lặp for trong JavaScript bằng cách sử dụng từ khóa “

for (let i = 0; i < 4; i++) {
    console.log(i);
}

10”. Từ khóa này cho phép bạn bỏ qua vòng lặp hiện tại và quay lại điểm bắt đầu của vòng lặp

Sử dụng từ khóa continue rất hữu ích khi bạn chỉ muốn mã được chạy khi đáp ứng một số điều kiện nhất định

Trong ví dụ bên dưới, chúng tôi đã thiết lập một vòng lặp for đơn giản. Trong vòng lặp này, chúng ta có một câu lệnh if để kiểm tra xem “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” có bằng với

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5 hay không

Trong khi giá trị của “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” không bằng “

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5” thì tập lệnh sẽ sử dụng từ khóa “

for (let i = 0; i < 4; i++) {
    console.log(i);
}

10” để chuyển phần bỏ qua chạy phần còn lại của khối mã

Nếu giá trị của “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” bằng với

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5 thì phần còn lại của khối mã sẽ được chạy

for (let i = 0; i < 4; i++) {
    console.log(i);
}

6

Dưới đây bạn có thể thấy đầu ra của ví dụ JavaScript ở trên

for (let i = 0; i < 4; i++) {
    console.log(i);
}

7

Phạm vi của các biến JavaScript trong for Loops

Việc bạn lựa chọn sử dụng “

for (let i = 0; i < 4; i++) {
    console.log(i);
}

18” hoặc “

for (let i = 0; i < 4; i++) {
    console.log(i);
}

19” để xác định một biến bên ngoài hoặc bên trong vòng lặp sẽ ảnh hưởng đến phạm vi của nó

Trong hai phần sau, chúng tôi sẽ cho bạn thấy sự khác biệt giữa việc sử dụng “

for (let i = 0; i < 4; i++) {
    console.log(i);
}

18” hoặc “

for (let i = 0; i < 4; i++) {
    console.log(i);
}

19” trong mã

Sử dụng var Trong vòng lặp for

Khi sử dụng “

for (let i = 0; i < 4; i++) {
    console.log(i);
}

18” để khai báo biến trong vòng lặp, JavaScript sẽ khai báo lại biến đó bên ngoài vòng lặp với giá trị mới

Điều này có nghĩa là bất kỳ thay đổi nào bạn thực hiện đối với biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” trong vòng lặp sẽ được phản ánh bên ngoài vòng lặp

Ví dụ về vòng lặp bên dưới sẽ thể hiện hành vi này. Khi được in bên ngoài vòng lặp, giá trị của “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” sẽ kết thúc bằng “

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5“

for (let i = 0; i < 4; i++) {
    console.log(i);
}

8

Dưới đây bạn có thể thấy đầu ra từ ví dụ JavaScript ở trên. Mặc dù vòng lặp for sẽ kết thúc ở “

0
1
2
3
4
5

4“, nhưng giá trị của “

const array = ["raspberry", "pie", "pimylifeup", "JavaScript"];

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

5” đã được in ra bởi lệnh gọi “

0
1
2
3
4
5

7” cuối cùng của chúng ta

0
1
2
3
4
5

Sử dụng let Trong vòng lặp for

Tuyên bố let hoạt động rất khác so với “

for (let i = 0; i < 4; i++) {
    console.log(i);
}

18” khi được sử dụng với vòng lặp for. Sự khác biệt chính này là biến “

for (let i = 0; i < 4; i++) {
    console.log(i);
}

19” được bản địa hóa cho vòng lặp đó

Khi được sử dụng trong vòng lặp for, biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” được khai báo là một biến mới. Thật không may, điều này có nghĩa là bạn không thể truy cập biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” bên ngoài vòng lặp

Dưới đây là một ví dụ JavaScript nhỏ cho thấy cách “_______7_______19” thay đổi cách khai báo biến

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

0

Với kết quả từ ví dụ này, bạn có thể thấy rằng “_______10_______7” cuối cùng kết thúc bằng “

0
1
2
3
4
5

0” vì nó đề cập đến biến “

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

9” ban đầu mà chúng ta đã khai báo bên ngoài vòng lặp for

for (let i = 0; i <= 5; i++) {
    console.log(i);
}

1

Phần kết luận

Trong hướng dẫn này, chúng tôi đã chỉ cho bạn nhiều cách khác nhau để khai báo và sử dụng vòng lặp for trong JavaScript

Vòng lặp for có nhiều cách sử dụng và đặc biệt hữu ích khi bạn cần lặp lại dữ liệu

Chúng tôi đã chỉ ra một số hành vi của vòng lặp for, bao gồm cách phạm vi biến bị ảnh hưởng bởi vòng lặp for

Tại sao không sử dụng var trong vòng lặp?

Tại sao bạn không nên sử dụng VAR cho JavaScript?

Tôi có thể đặt một vòng lặp for trong một biến JavaScript không?

Tôi nên sử dụng VAR hay cho phép thực hiện các vòng lặp?