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

Đặt thuộc tính trong một đối tượng trống bằng cách sử dụng vòng lặp for trong JavaScript.


Sau đây là mã để đặt thuộc tính trong một đối tượng trống bằng cách sử dụng vòng lặp for 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;
   }
   .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>

Đầu ra

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

Đặt thuộc tính trong một đối tượng trống bằng cách sử dụng vòng lặp for trong JavaScript.

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

Đặt thuộc tính trong một đối tượng trống bằng cách sử dụng vòng lặp for trong JavaScript.