কম্পিউটার

জাভাস্ক্রিপ্টে ES6 প্রপার্টি শর্টহ্যান্ড


ES6-এ, যদি প্রপার্টি মান হিসাবে পাস করা বস্তুর কী নাম এবং ভেরিয়েবলের একই নাম থাকে তবে আমরা কেবলমাত্র মানের নামটি বাদ দিতে পারি এবং শুধুমাত্র কী নামটি নির্দিষ্ট করতে পারি।

নিম্নলিখিত জাভাস্ক্রিপ্ট -

-এ সম্পত্তি সংক্ষিপ্তকরণের কোড

উদাহরণ

<!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: 20px;
      font-weight: 500;
      color: blueviolet;
   }
</style>
</head>
<body>
<h1>ES6 Property Shorthands in JavaScript</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to display the person object</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   let name='Rohan',age=16,place='Delhi';
   let person = {
      name,age,place,
   }
   BtnEle.addEventListener("click", () => {
      resEle.innerHTML = 'person.name = '+person.name+'<br>';
      resEle.innerHTML += 'person.age = '+person.age+'<br>';
      resEle.innerHTML += 'person.place = '+person.place+'<br>';
   });
</script>
</body>
</html>

আউটপুট

জাভাস্ক্রিপ্টে ES6 প্রপার্টি শর্টহ্যান্ড

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

জাভাস্ক্রিপ্টে ES6 প্রপার্টি শর্টহ্যান্ড


  1. জাভাস্ক্রিপ্ট লাস্ট ইনডেক্স প্রপার্টি

  2. জাভাস্ক্রিপ্ট উৎস সম্পত্তি

  3. JavaScript WebAPI ফাইল File.name সম্পত্তি

  4. জাভাস্ক্রিপ্টে অবজেক্ট প্রপার্টি নামের অ্যারে প্রতিস্থাপন করা হচ্ছে