Vòng lặp for…of trong JavaScript

Hoàn toàn khác so với for…in đã học ở bài trước, vòng lặp for…of trong JavaScript có thể lặp qua các giá trị của mảng, thậm chí là chuỗi.

Contents

Cú pháp

for (variable of iterable) {

// code block to be executed

}

Trong đó:

variable: Giá trị của array qua mỗi lần lặp, mỗi lần lặp nó sẽ gán giá trị cho biến này. Biến này có thể được khai báo với từ khóa var, let hoặc const.
iterable: Một array hoặc một mảng ban đầu dùng để lặp

Vòng lặp for…of được thêm JavaScript vào năm 2015 (ES6)

var colors = [‘red’, ‘white’, ‘yellow’];

for (var x of colors) {

console.log(x);

}

Biến x ở đây sẽ chứa các giá trị của mảng qua các lần lặp. Nên các bạn không cần phải viết kiểu colors[x] như ở các vòng lặp for khác nữa.

Bạn thậm chí có thể lặp chuỗi với vòng lặp for…of:

var website = ‘vi-magento’;

var text = “”;

for (var x of website) {

text += `${x} `;

}

console.log(text);//v i – m a g e n t o

Ở bài viết sau chúng ta sẽ tìm hiểu về vòng lặp cuối cùng đó là vòng lặp while và do…while nhé.

Tham khảo: https://www.w3schools.com/

for…ofJavaScriptvòng lặp