Người Viết : ViKiMi Editor
Vòng Lặp For Of của ngôn ngữ JavaScript giúp Bạn có cách xử lý nhiều hơn với tất cả các dạng dữ liệu LT Web
JavaScript cung cấp cho chúng ta một cách xử lý lặp cũng mang tính chất thú vị đó là For Of, đây cách lặp cho phép tăng cường nhiều hơn nữa cách làm việc vòng lặp để duyệt qua các chuỗi dữ liệu hoặc Mảng, Maps, NodeLists … Nhờ như vậy, với mọi dữ liệu đều có thể thực hiện xử lý tương đối dễ dàng không mấy khó khăn.
Cách sử dụng vòng lặp For Of của JavaScript cũng tương đối đơn giản để nắm bắt :
+ Chúng ta có thể duyệt dữ liệu của Arrays, Strings, Maps, NodeLists …
+ Với For Of chúng ta hoàn toàn chắc chắn rằng mọi kiểu dữ liệu đều có thể duyệt qua các phần tử
LÝ THUYẾT CƠ BẢN VỀ VÒNG LẶP FOR OF
A ] Vòng lặp For Of dùng để duyệt qua các phần tử của Mảng dữ liệu
CÚ PHÁP SỬ DỤNG :
for (variable of iterable) {
/*
* Khối lệnh thực thi sử dụng tại đây
*/
}
Tronh đó chúng ta có các thành phần xử lý như sau :
+ Variable – Đối với mỗi lần lặp, Variable sẽ được gán giá trị của thuộc tính tiếp theo. Khai báo const, let hoặc var cho Variable.
+ Iterable – Là Một đối tượng có các thuộc tính có thể duyệt qua
Tham khảo Ví Dụ sau đây
Example :
Duyệt qua tất cả các Phần tử của một Mảng / Array
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript For Of Loop</h2>
<p> Sử dụng Vòng Lặp For Of để duyệt qua tất cả các giá trị thuộc tính của Đối tượng có các thuộc tính có thể lặp lại </p>
<p id="Paragraph_01"></p>
<script>
const employees = ["Le A", "Le B", "Le C"];
let txt_employees = "";
for (let variable of employees) {
txt_employees += variable + "<br>";
}
document.getElementById("Paragraph_01").innerHTML = txt_employees;
</script>
</body>
</html>
B ] Vòng lặp For Of dùng để duyệt qua các giá trị của một Chuỗi Dữ Liệu
CÚ PHÁP SỬ DỤNG :
for (variable of iterable) {
/*
* Khối lệnh thực thi sử dụng tại đây
*/
}
Trong đó chúng ta có các thành phần xử lý như sau :
+ Variable – Đối với mỗi lần lặp, Variable sẽ được gán giá trị của phần tử tiếp theo của Chuỗi. Khai báo const, let hoặc var cho Variable.
+ Iterable – Là Một đối tượng ( Chuỗi Dữ Liệu ) có các thuộc tính có thể duyệt qua
Tham khảo Ví Dụ sau đây
Example :
Duyệt qua giá trị phần tử của Chuỗi Dữ Liệu
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript For Of Loop</h2>
<p> Sử dụng lệnh For Of để duyệt qua các Phần tử của Chuỗi </p>
<p id="Paragraph_01"></p>
<script>
let language = "What is Web Design?";
let txt_language = "";
for (let variable of language) {
txt_language += variable + "<br>";
}
document.getElementById("Paragraph_01").innerHTML = txt_language;
</script>
</body>
</html>
Như vậy, thật đơn giản khi sử dụng vòng lặp For Of. Chúng ta thấy rằng có rất nhiều kiểu dữ liệu có thể duyệt được khi sử dụng Vòng lặp For Of. Thực sự với nhiều cách xử lý dữ liệu mà JavaScript cung cấp Bạn hoàn toàn yên tâm khi lập trình Web. Ngôn ngữ JavaScript rất cơ bản nhưng cũng rất cần thiêt.
