Computer >> Máy Tính >  >> Lập trình >> Javascript

Giải thích cho ... trong câu lệnh trong JavaScript?


Vòng lặp for… in lặp qua tất cả các thuộc tính của đối tượng. Sau đây là đoạn mã để triển khai câu lệnh for..in trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample,.result {
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<h1>"for...in" statement in JavaScript</h1>
<div class="sample">
{"firstName":"Rohan","lastName":"Sharma","age":22}
</div>
<div class="result" style="color: green;"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to traverse the above object using for..in loop</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let resultEle = document.querySelector(".result");
   let obj = JSON.parse(sampleEle.innerHTML);
   document.querySelector(".Btn").addEventListener("click", () => {
      for (let i in obj) {
         resultEle.innerHTML += "Property = " + i + " : Value = " + obj[i] + "<br>";
      }
   });
</script>
</body>
</html>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Giải thích cho ... trong câu lệnh trong JavaScript?

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Giải thích cho ... trong câu lệnh trong JavaScript?