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