আগে এটি একটি দুই-পদক্ষেপ প্রক্রিয়া একটি বস্তুতে একটি সম্পত্তি তৈরি করতে কিন্তু ES6 এর আবির্ভাব কাজটি খুব সহজ করে তুলেছে। শুধুমাত্র এক ধাপে আমরা গতিশীলভাবে একটি সম্পত্তি তৈরি করতে পারি। সংক্ষেপে আলোচনা করা যাক।
পুরানো পদ্ধতি(2 ধাপ প্রক্রিয়া)
উদাহরণ
নিম্নলিখিত উদাহরণে, সম্পত্তি বস্তুর মধ্যে ঘোষণা করার পরিবর্তে, বাইরে ঘোষণা করা হয় বস্তু, এটিকে একটি দুই-পদক্ষেপ প্রক্রিয়া করে
<html>
<body>
<script>
let person = 'name';
let student = { // step-1
id: 1,
};
student[person] = 'nani'; // step-2
document.write(JSON.stringify(student));
</script>
</body>
</html> আউটপুট
{"id":1,"name":"nani"}
ES6 পদ্ধতি
উদাহরণ
নিম্নলিখিত উদাহরণে, বস্তুর সম্পত্তি বস্তুর বাইরে ঘোষণা না করে সরাসরি বস্তুর মধ্যেই ঘোষণা করা হয়, এটিকে একটি 1 ধাপ প্রক্রিয়া করে তোলে
<html>
<body>
<script>
let person = 'name';
let student = {
id: 1,
[person] : "nani"
};
document.write(JSON.stringify(student));
</script>
</body>
</html> আউটপুট
{"id":1,"name":"nani"} 