Khác biệt giữa for...of và for...in trong JavaScript

Vòng lặp for...in

Vòng lặp for...in dùng để duyệt qua các thuộc tính của một đối tượng.

Cú pháp

for (tenBien in doiTuong) { 
  câu_lệnh_hoặc_khối_thực_thi 
}

Ví dụ

In ra các thuộc tính của đối tượng Navigator của trình duyệt:

<html>
  <body>
    <script>
      var aProperty;
      document.write("Thuộc tính Navigator Object<br /> ");
      for (aProperty in navigator) {
        document.write(aProperty);
        document.write("<br />");
      }
      document.write("Thoát khỏi vòng lặp!");
    </script>
  </body>
</html>

Vòng lặp for...of

Vòng lặp for...of dùng để duyệt qua các đối tượng lặp được (iterable), bao gồm Map, Array, arguments, v.v.

Cú pháp

for (tenBien of iterable) { 
  câu_lệnh_hoặc_khối_thực_thi 
}

Ví dụ

<!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>

Kết quả