Object and array destructuring for cleaner code In Hindi
डिस्ट्रक्चरिंग जावास्क्रिप्ट प्रोग्रामिंग की एक पॉवरफुल बिल्ट-इन फीचर्स है, जो जावास्क्रिप्ट प्रोग्रामर को यूजर डिक्लेअर ऐरे से वैल्यू या ऑब्जेक्ट के प्रॉपर्टीज को वेरिएबल में अधिक डिटेल्ड और क्लियर आर्डर में अनपैक करने की परमिशन प्रोवाइड करता है। यह आपके जावास्क्रिप्ट प्रोग्राम सोर्स कोड को अधिक रीडेबल और आसान बनाता है, डिस्ट्रक्चरिंग फीचर्स मौजूदा प्रोग्राम में ऑब्जेक्ट प्रॉपर्टीज या ऐरे एलिमेंट में मल्टीप्ल एक्सेस की जरूरत को कम करता है।
JavaScript Array Destructuring Features.
जावास्क्रिप्ट प्रोग्राम में ऐरे डिस्ट्रक्चरिंग प्रोग्रामर को किसी ऐरे से वैल्यूज को मल्टीप्ल वेरिएबल में अनपैक करने की परमिशन प्रोवाइड करता है।
Basic syntax of destructuring.
let [variable1, variable2, variable3] = array;
Example of destructuring.
let courses = [“Javascript”, “python”, “html”,”java”];
let [course1, course2, course3, course4] = courses;
console.log(course1); // Result – Javascript
console.log(course2); // Result – python
console.log(course3); // Result – html
console.log(course4); // Result – java
Explanation of destructuring.
यहाँ आपको course की ऐरे डिस्ट्रक्चर्ड एलिमेंट को प्रीव्यू किया गया है, और प्रत्येक एलिमेंट को एक कम्पेटिबल वेरिएबल (course1, course2, course3, course4) में प्रोवाइड किया गया है।
Skipping element items in array destructuring.
जावास्क्रिप्ट प्रोग्राम में कॉमा ऑपरेटर का उपयोग करके ऐरे एलिमेंट को छोड़ सकते हैं, जिससे की यह मौजूदा प्रोग्राम में इंडीकेट किया जा सके कि किन एलिमेंट वैल्यूज को इग्नोर करना है।
let courses = [“Javascript”, “python”, “html”,”java”];
let [, courses2,] = courses;
console.log(courses2); // Result – python
Explanation of Skipping element items in array.
इस एक्साम्प्ल में फर्स्ट एलिमेंट (“Javascript”) एलिमेंट को छोड़ दिया गया है, और सेकंड एलिमेंट (“python”) दूसरे वेरिएबल को असाइन किया गया है।
Destructuring with default values in JavaScript.
यदि किसी जावास्क्रिप्ट ऐरे प्रोग्राम में किसी पर्टिकुलर इंडेक्स के लिए कोई वैल्यू नहीं है, तो आप अपरिभाषित डाटा आउटपुट से बचने के लिए एक डिफ़ॉल्ट वैल्यू को सेट कर सकते हैं।
let courses = [“Javascript”, “python”];
let [c1, c2, c3 = “matlab”] = courses;
console.log(c1); // Result – Javascript
console.log(c2); // Result – python
console.log(c3); // Result – matlab is here default value
Explanation of Destructuring with default values.
इस प्रोग्राम ऐरे में केवल दो डिक्लेअर एलिमेंट हैं, इस वजह से थर्ड वैल्यू का डिफ़ॉल्ट वैल्यू “matlab” है।
Javascript Object Destructuring.
जावास्क्रिप्ट ऑब्जेक्ट डिस्ट्रक्चरिंग फीचर्स जावास्क्रिप्ट प्रोग्रामर को किसी ऑब्जेक्ट से प्रॉपर्टीज को अनपैक कर और उन्हें वेरिएबल्स में असाइन करने की परमिशन प्रोवाइड करता है।
The basic syntax of object destructuring.
let { property1, property2, property3 } = object;
Example of object destructuring.
let employee = {
emp_name: “Harry”,
emp_age: 20,
profession: “Developer”
};
let { emp_name, emp_age, profession} = employee;
console.log(emp_name); // Result – Harry
console.log(emp_age); // Result – 20
console.log(profession); // Result – Developer
Explanation of object destructuring.
इस प्रोग्राम में employee ऑब्जेक्ट डिस्ट्रक्चर्ड एलिमेंट है, और प्रत्येक ऑब्जेक्ट प्रॉपर्टीज एक कम्पेटिबल वेरिएबल को असाइन किया गया है।
Renaming variables in JavaScript object destructuring.
जावास्क्रिप्ट प्रोग्रामर किसी डिक्लेअर ऑब्जेक्ट को डिस्ट्रक्चर करते समय कोलन ऑपरेटर का उपयोग करके मौजूदा प्रोग्राम वेरिएबल्स का नाम बदल सकते हैं।
let employee = {
emp_name: “Siddhi”,
emp_age: 34,
profession: “Programmer”
};
let { emp_name: efullName, emp_age: employeeAge } = employee;
console.log(efullName); // Result – Siddhi
console.log(employeeAge); // Result – 34
Renaming variables object destructuring Explanation.
जावास्क्रिप्ट प्रोग्राम में डिस्ट्रक्चरिंग फीचर्स के दौरान, एम्प्लोयी नाम और एम्प्लोयी ऐज प्रॉपर्टीज का नाम रीनेम कर जैसे efullName और employeeAge कर दिया गया है।
JavaScript destructuring features with default values.
जावास्क्रिप्ट प्रोग्राम में ऐरे के जैसे जावास्क्रिप्ट प्रोग्रामर ऑब्जेक्ट पॉपर्टीज़ के लिए डिफ़ॉल्ट वैल्यू सेट कर सकते हैं, यदि वे अपरिभाषित नेचर के हैं।
let employee = {
emp_name: “David”,
emp_age: 40
};
let { emp_name, emp_age, profession = “Not specified” } = employee;
console.log(emp_name); // Result – David
console.log(emp_age); // Result – 40
console.log(profession); // Result – Not specified default value
Explanation of destructuring features with default values.
इस एक्साम्प्ल में एम्प्लोयी ऑब्जेक्ट में प्रोफेशन ऑब्जेक्ट प्रॉपर्टी मौजूद नहीं है, इसलिए प्रोफेशन वेरिएबल को डिफ़ॉल्ट वैल्यू “Not specified” असाइन किया गया है।
Destructuring of JavaScript nested objects.
जावास्क्रिप्ट प्रोग्राम में डिस्ट्रक्चरिंग पैटर्न में प्रॉपर्टी पाथ इंडीकेट करके नेस्टेड ऑब्जेक्ट्स का डिस्ट्रक्चरिंग प्रीव्यू कर सकते हैं।
let employee = {
emp_name: “Harry”,
emp_address: {
street: “231 Abc Colony”,
city: “India”
}
};
let { emp_name, emp_address: { street, city} } = employee;
console.log(emp_name); // Result – Harry
console.log(street); // Result – 231 Abc Colony
console.log(city); // Result – India
Explanation of Destructuring of JavaScript nested objects.
इस प्रोग्राम में emp_address ऑब्जेक्ट employee के अंदर नेस्टेड किया गया है। यहाँ प्रोग्रामर को address से street और city का ऑब्जेक्ट प्रॉपर्टीज को डिस्ट्रक्चरिंग करते हैं, यहाँ emp_name का डिस्ट्रक्चरिंग मुख्य ऑब्जेक्ट से करते हैं।
Destructuring in JavaScript function parameters.
जावास्क्रिप्ट प्रोग्राम में ऑब्जेक्ट्स या ऐरे के साथ काम करते समय फ़ंक्शन कॉल को आसान करने के लिए डिस्ट्रक्चरिंग फीचर्स का उपयोग सीधे फ़ंक्शन पैरामीटर्स में भी कर सकते है।
Destructuring for arrays.
function message([text1, text2]) {
console.log(`Welcome to join ${text1} and ${text2}`);
}
let course = [“Javascript”, “Html”];
message(course); // Result – Welcome to join Javascript and Html
Explanation of Destructuring in JavaScript function parameters.
इस प्रोग्राम में message() फ़ंक्शन एक ऐरे को एक आर्गुमेंट के रूप में इनपुट करता है, और उसे इसे सीधे मौजूदा फ़ंक्शन पैरामीटर में डीस्ट्रक्चर कर डिस्प्ले करता है।
Destructuring for objects.
function introduction({ emp_name, emp_age }) {
console.log(`employee name is ${emp_name} and he is ${emp_age} years old`);
}
let employee = { emp_name: “Harry”, emp_age: 20 };
introduction(employee); // Result – employee name is Harry and he is 20 years old
Explanation of destructuring for objects.
इस प्रोग्राम में introduction() फ़ंक्शन एक ऑब्जेक्ट को एक आर्गुमेंट के रूप में इनपुट करता है, और इसके एम्प्लोयी नाम और एम्प्लोयी आयु प्रॉपर्टीज को सीधे फ़ंक्शन पैरामीटर में डीस्ट्रक्चर कर प्रीव्यू करता है।
Destructuring arrays and objects together in JavaScript.
जावास्क्रिप्ट प्रोग्रामर ऐरे और ऑब्जेक्ट दोनों की डीस्ट्रक्चरिंग को कम्बाइंड कर अप्लाई कर सकते हैं।
let employee = {
emp_name: “Harry”,
emp_age: 40,
profession: [“developer”, “designer”]
};
let { emp_name, emp_age, profession: [profession1, profession2] } = employee;
console.log(emp_name); // Result – Harry
console.log(emp_age); // Result – 40
console.log(profession1); // Result – developer
console.log(profession2); // Result – designer
Explanation of destructuring arrays and objects together.
इस प्रोग्राम में employee ऑब्जेक्ट को डीस्ट्रक्चर करते हैं, जिससे एम्प्लोयी नाम, एम्प्लोयी उम्र और एम्प्लोयी प्रोफेशन क्रिएट होती हैं। इसके बाद फर्स्ट दो प्रोफेशन एलिमेंट को रिसीव करने के लिए profession ऐरे को डीस्ट्रक्चर किया गया है।
Summary of destructuring in JavaScript programming.
JavaScript array destructuring.
- जावास्क्रिप्ट ऐरे से ऐरे वैल्यूज को अनपैक कर डिस्प्ले करना आसान हो जाता है।
- यह फीचर्स प्रोग्रामर को ऐरे एलिमेंट छोड़ने और डिफ़ॉल्ट वैल्यू प्रोवाइड करने की परमिशन प्रोवाइड करता है।
- ऑब्जेक्ट डिस्ट्रक्टरिंग प्रोग्राम में लूप या फ़ंक्शन में उपयोग किया जा सकता है।
JavaScript object destructuring.
- जावास्क्रिप्ट प्रोग्राम ऑब्जेक्ट प्रॉपर्टीज को वेरिएबल्स में आसानी से अनपैक करने की फीचर्स प्रोवाइड करता है।
- ऑब्जेक्ट वेरिएबल्स का नाम रीनेम और डिफ़ॉल्ट वैल्यू को सेट करने का सपोर्ट प्रोवाइड करता है।
- यह फीचर्स प्रोग्रामर को नेस्टेड ऑब्जेक्ट्स को डिस्ट्रक्चर करने में हेल्प करता है।
In JavaScript function parameters.
जावास्क्रिप्ट प्रोग्राम में प्रोग्राम सोर्स कोड को अधिक डिटेल्ड और रीडेबल क्रिएट करने के लिए डिस्ट्रक्चरिंग का उपयोग सीधे फ़ंक्शन पैरामीटर्स में किया जाता है।
