কম্পিউটার

একটি কী ছাড়াই একটি বস্তুকে ডি-স্ট্রাকচার করা


একটি কী −

ছাড়াই একটি বস্তুকে ডি-স্ট্রাকচার করার কোড নিচে দেওয়া হল

উদাহরণ

<!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>De structuring an object without one key.</h1>
<div class="sample">{"firstName":"Rohit","lastName":"Sharma","age":22}</div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to destructure the above object</h3>
<script>
   let resEle = document.querySelector(".result");
   let obj = {
      firstName: "Rohit",
      lastName: "Sharma",
      age: 22,
   };
   let { firstName, ...restParam } = obj;
   document.querySelector(".Btn").addEventListener("click", () => {
      resEle.innerHTML += "firstName = " + firstName + "<br>";
      resEle.innerHTML += "restParam.lastName = " + restParam.lastName + "<br>";
      resEle.innerHTML += "restParam.age = " + restParam.age + "<br>";
   });
</script>
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

একটি কী ছাড়াই একটি বস্তুকে ডি-স্ট্রাকচার করা

'এখানে ক্লিক করুন' বোতামে ক্লিক করলে -

একটি কী ছাড়াই একটি বস্তুকে ডি-স্ট্রাকচার করা


  1. জাভাস্ক্রিপ্টে মূল অ্যারে পরিবর্তন না করে কীভাবে একটি অবজেক্ট কী পরিবর্তন করবেন?

  2. আমরা কি দুটি অ্যারেকে একটি জাভাস্ক্রিপ্ট অবজেক্টে রূপান্তর করতে পারি?

  3. HTML DOM কীবোর্ড ইভেন্ট অবজেক্ট

  4. কীভাবে চাবি ছাড়াই উইন্ডোজ 10 সক্রিয় করবেন