Sau đây Thế giới JS sẽ giải thích sự khác biệt giữa câu lệnh loop(in vs of) trong javascript. Thông thường trong tập lệnh JavaScript, chúng tôi lặp qua một số đối tượng của một số lớp dựng sẵn như Mảng(Array), Dictionary, Chuỗi(String), Map, v.v. Chúng tôi lặp lại các đối tượng bằng vòng lặp. JavaScript hỗ trợ các loại vòng lặp khác nhau:
- for loop
- for (..in) loop
- for (..of) loop
- while loop
- do-while loop
Trong bài viết này, chúng ta sẽ tìm hiểu về sự khác biệt giữa vòng lặp for (..in) và for (..of).
1.Vòng lặp for (..in):
Câu lệnh JavaScript for (..in) lặp qua các thuộc tính có thể đếm được của một đối tượng. Vòng lặp sẽ lặp qua tất cả các thuộc tính có thể đếm được của chính đối tượng và những thuộc tính mà đối tượng kế thừa từ nguyên mẫu của hàm tạo của nó.
Cú pháp
for (variable in object) statement
Thí dụ
<!-- // https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var person = {
firstName: "vpsus.vn",
lastName: "<br>A Computer Science Portal for vpsus.vn ",
rank: 43
};
var userId = "";
var i;
for (i in person) {
userId += person[i];
}
document.getElementById("demo").innerHTML = userId;
</script>
</body>
</html>
Đầu ra: Như bạn có thể thấy vòng lặp for (..in) chỉ lặp lại các thuộc tính hoặc giá trị của đối tượng từ điển.
vpsus.vn A Computer Science Portal for vpsus.vn 43
2.Vòng lặp for (..of):
Câu lệnh for (..of) này cho phép bạn lặp qua các cấu trúc dữ liệu có thể lặp lại như Mảng(array), Chuỗi(String), Bản đồ(Map), Danh sách nút, v.v. Nó gọi một hook lặp tùy chỉnh với các hướng dẫn để thực thi trên giá trị của từng thuộc tính của đối tượng.
Cú pháp
for (variable of iterable) {
statement
}
Thí dụ
<!-- // https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<body>
<p id ="demo"></p>
<script>
var text = [
"vpsus.vn",
" A Computer Science Portal for vpsus.vn",
"43"
];
var userId = "";
var i;
for (i of text) {
userId+=i;
}
document.getElementById("demo").innerHTML = userId;
</script>
</body>
</html>
Kết quả: Như bạn có thể thấy vòng lặp for (..of) chỉ lặp qua nội dung của đối tượng Array.
vpsus.vn A Computer Science Portal for vpsus.vn 44
Trên đây là tất cả những gì về câu lệnh for(..in) và for(..of) trong javascript mà bạn cần biết. Nếu bạn có bất kỳ câu hỏi liên quan tới câu lệnh for(..in) và for(..of), hãy chủ động liên hệ và inbox cho chúng tôi, để giúp đỡ bạn sớm nhất
Tiếp theo, hãy cùng Thế giới JS tìm hiểu thêm các kiến thức về Javascript trong các bài tiếp theo trong series học miễn phí Javascript từ cơ bản tới nâng cao.
Nếu bạn cảm thấy hữu ích và yêu thích Thế giới JS, hãy tham gia và theo dõi chúng tôi để nhận thêm nhiều kiến thức MIỄN PHÍ hơn nữa nhé:
Share to learn more than!
