Chúng ta có thể gán thuộc tính mới cho một đối tượng bằng cách sử dụng giải cấu trúc trong JavaScript không?

Sau đây là mã để gán thuộc tính mới cho một đối tượng bằng cách sử dụng giải cấu trúc 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,.sample {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
   .result {
      color: red;
   }
</style>
</head>
<body>
<h1>Assign new property to an object using deconstruction</h1>
<div class="sample">{"a":11,"b":22,"c":44}</div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to assign values to obj by destructuring above object</h3>
<script>
   let resEle = document.querySelector(".result");
   let obj = {};
   let obj1 = {
      a: 11,
      b: 22,
      c: 44,
   };
   ({ a: obj.a, b: obj.b, c: obj.c } = obj1);
   document.querySelector(".Btn").addEventListener("click", () => {
      for (let i in obj) {
         resEle.innerHTML += "key = " + i + " : Value = " + obj[i] + "";
      }
   });
</script>
</body>
</html>