Vòng lặp for...of

Vòng lặp for...of là cách đơn giản để duyệt qua các giá trị của những đối tượng có thể lặp, chẳng hạn như mảng, chuỗi, map, tập hợp và nhiều loại khác. Cách này kết hợp sự ngắn gọn của forEach với khả năng dùng break và continue.

Đây là cú pháp cơ bản của vòng lặp for...of:

for (const element of iterable) {
    // Đoạn code chạy với từng phần tử
}

• element: Ở mỗi lần lặp, giá trị tiếp theo từ đối tượng có thể lặp được gán cho biến này.
• iterable: Đối tượng chứa các phần tử đang được lặp qua, ví dụ như mảng hoặc chuỗi.

Đây là một ví dụ với mảng:

const fruits = ["apple", "banana", "orange"];

for (const fruit of fruits) {
    console.log(fruit);
}

Đầu ra:

apple
banana
orange

Đây là một ví dụ khác với chuỗi (string):

const text = "hello";

for (const char of text) {
    console.log(char);
}

Đầu ra:

h
e
l
l
o

So với vòng lặp for truyền thống hoặc phương thức forEach, for...of có cú pháp đơn giản hơn cho nhiều trường hợp sử dụng phổ biến, đặc biệt khi bạn không cần chỉ số của từng phần tử.