Setting property in an empty object using for loop in JavaScript.

Javascript Web Development Object Oriented Programming

Following is the code for setting property in an empty object using for loop in JavaScript −

Example

<!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;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Setting property in an empty object using for loop</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to populate the empty object obj1</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   let obj = {
      firstName: "Rohan",
      lastName: "Sharma",
      age: 14,
      class: 8,
   };
   let obj1 = {};
   BtnEle.addEventListener("click", () => {
      for (let i in obj) {
         obj1[i] = obj[i];
      }
      for (let i in obj1) {
         resEle.innerHTML += "key = " + i + " : Value = " + obj1[i] + "<br>";
      }
   });
</script>
</body>
</html>