पहले ऑब्जेक्ट में प्रॉपर्टी बनाना एक दो-चरण प्रक्रिया थी लेकिन 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"}
