Sự khác biệt giữa câu lệnh for ... of và for ... in trong JavaScript là gì?

for… in loop

Vòng lặp “for ... in” được sử dụng để lặp qua các thuộc tính của đối tượng.

Đây là cú pháp -

Cú pháp

for (variablename in object) {
statement or block to execute
}

Bạn có thể thử chạy ví dụ sau để triển khai vòng lặp ‘for-in’. Nó in đối tượng Navigator của trình duyệt web

Ví dụ

Bản trình diễn trực tiếp

<html>
<body>
<script>
var aProperty;
document.write("Navigator Object Properties<br /> ");

for (aProperty in navigator) {
document.write(aProperty);
document.write("<br />");
}
document.write ("Exiting from the loop!");
</script>
</body>
</html>

for… of loop

Vòng lặp “for… of” được sử dụng để lặp qua các đối tượng có thể lặp lại, bao gồm Bản đồ, Mảng, đối số, v.v.

Cú pháp

Đây là cú pháp -

for (variablename of iterable){
statement or block to execute
}

Ví dụ

Đây là một ví dụ cho thấy sự lặp lại với vòng lặp for… of

Bản trình diễn trực tiếp

<!DOCTYPE html>
<html>
<body>
<script>
let itObj= [20, 30, 40, 50];

for (let res of itObj) {
res += 1;
document.write("<br>"+res);
}
</script>
</body>
</html>

Đầu ra