পূর্বে একটি অবজেক্টে প্রোপার্টি তৈরি করা একটি দুই-স্টেপ প্রসেস (two-step process) ছিল কিন্তু ES6-এর অভ্যুদয় نے কাজটি খুব সহজ করে দিয়েছে। শুধু এক স্টেপে (one step) আমরা ডাইনামিক্যালি একটি প্রোপার্টি তৈরি করতে পারি। সংক্ষেপে আলোচনা করা যাক।
পুরনো পদ্ধতি (২-স্টেপ প্রসেস)
উদাহরণ
নিচের উদাহরণে, প্রোপার্টি-টি অবজেক্টের ভিতরে ডিক্লেয়ার না করে বাহিরে (outside) ডিক্লেয়ার করা হয়েছে, ফলে এটি একটি দুই-স্টেপ প্রসেস হয়ে গেছে।
<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 পদ্ধতি
উদাহরণ
নিচের উদাহরণে, অবজেক্টের প্রোপার্টি অবজেক্টের ভিতরেই সরাসরি ডিক্লেয়ার করা হয়েছে বাহিরে না, ফলে এটি ১-স্টেপ প্রসেস হয়ে গেছে।
<html> <body> <script>
let person = 'name';
let student = {
id: 1,
[person] : "nani"
};
document.write(JSON.stringify(student));
</script> </body> </html>
আউটপুট
{"id":1,"name":"nani"}
