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

JavascriptWeb DevelopmentObject Oriented Programming

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

Example

 Live Demo

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

Output

The above code will produce the following output −

On clicking the ‘CLICK HERE’ button −

raja
Published on 21-Jul-2020 07:09:33
Advertisements