Rest parameters and spread syntax In Hindi
जावास्क्रिप्ट प्रोग्रामिंग में रेस्ट पैरामीटर और स्प्रेड सिंटैक्स दोनों ES6 ECMAScript 2015 में पहली बार पेश किया गया था, और इन्हे प्रॉपर सिंटैक्स के द्वारा डिफाइन कर प्रोग्राम में रेस्ट और स्प्रेड सिंटेक्स पैरामीटर ऐरे ऑब्जेक्ट को डील कर सकते हैं, जावास्क्रिप्ट प्रोग्रामर रेस्ट पैरामीटर और स्प्रेड सिंटेक्स का उपयोग मल्टीप्ल प्रोग्राम रेफ़्रेन्स में अप्लाई कर सकते है. जहा रेस्ट पैरामीटर और स्प्रेड मल्टीप्ल प्रोग्रामिंग पर्पस को कम्पलीट करने में करते हैं।
Rest parameter in JavaScript programming.
किसी भी जावास्क्रिप्ट प्रोग्राम में रेस्ट पैरामीटर सिंटैक्स प्रोग्रामर को अनिश्चित नंबर्स ऑफ़ आर्गुमेंट को एक ऐरे फॉर्मेट में डिस्प्ले करने की परमिशन प्रोवाइड करता है। रेस्ट पैरामीटर का उपयोग जावास्क्रिप्ट फ़ंक्शन डेफिनिशन में किसी फ़ंक्शन में क्रिएट किए गए आल रिमेनिंग फंक्शन आर्गुमेंट को एक ऐरे आर्डर में ग्रुप कर डिस्प्ले करता है।
Syntax of JavaScript rest parameter.
function functionName(…args) {
// Here in the JavaScript program the declare ‘args’ will be an array element of all arguments
}
….args – यहाँ आर्गस … एलिमेंट का उपयोग फ़ंक्शन में क्रिएट किये गए सभी रिमेनिंग आर्गुमेंट को args नाम से एक ऐरे में ग्रुप कर डिस्प्ले करने में किया जाता है. जहा प्रोग्रामर इन आर्गुमेंट को अपनी इच्छानुसार नाम प्रोवाइड कर सकता हैं।
जहा मौजूदा फ़ंक्शन डेफिनिशन में रेस्ट पैरामीटर हमेशा अंतिम पैरामीटर होना चाहिए।
Example of rest parameter in JavaScript.
Example of JavaScript basic rest parameter.
function total(…integer) {
return integer.reduce((value, int) => value + int, 1);
}
console.log(total(4, 9, 2, 7)); // Result – 23
console.log(total(3, 1, 8)); // Result – 13
console.log(total()); // Result – 1
Explanation of rest parameters.
यहाँ total() नाम के फ़ंक्शन में, सभी आर्गस इन्टिजर ऐरे में ग्रुप हो कर डिस्प्ले होते हैं। फिर यहाँ reduce() मेथड का उपयोग सभी इन्टिजर का टोटल करने में किया जाता है।
JavaScript rest parameters with other named parameters.
जावास्क्रिप्ट फंक्शन प्रोग्राम में रेस्ट पैरामीटर का उपयोग अन्य नामित फंक्शन पैरामीटर के साथ कर सकते है, लेकिन इन्हे अंत में डिस्प्ले होना चाहिए।
function displayCourse(prefix, …courses) {
console.log(prefix);
courses.forEach(course => console.log(course));
}
displayCourse(“Javascript”, “Python”, “CSS”, “Php”);
Explanation of rest parameters with other named parameters.
इस प्रोग्राम में prefix पैरामीटर एक रेगुलर फंक्शन पैरामीटर है, यहाँ …course मौजूदा फंक्शन में सभी आर्गुमेंट को एक ऐरे में ग्रुप कर डिस्प्ले करता है।
Rest parameters with JavaScript object or array.
function displayinfo(info, …values) {
console.log(info + ” ” + values.join(“, “));
}
displayinfo(“C++”, “Java”, “Python”, “Html”); // Result – C++, Java, Python, Html
Explanation of Rest parameters with JavaScript object or array.
यहाँ डिस्प्लेइन्फो फंक्शन में एक बेसिक पैरामीटर आर्गुमेंट है, जबकि वैल्यूज रिमेनिंग आर्गुमेंट को एक ऐरे में ग्रुप कर डिस्प्ले करता है।
Javascript spread syntax.
जावास्क्रिप्ट प्रोग्रामिंग में स्प्रेड सिंटैक्स का उपयोग किसी रेपीटेड टास्क, जैसे किसी ऐरे या ऑब्जेक्ट के एलिमेंट को सेपरेट कर मल्टीप्ल एलिमेंट में स्प्रेड करने में किया जाता है। जहा स्प्रेड पैरामीटर रेस्ट पैरामीटर के अपोसिट वर्क करता है।
Syntax of spread in JavaScript.
let newArrayelement = […oldArray]; // This is an array spread element
let newObjectarray = {…oldObject}; // This object is the spread element
यहाँ स्प्रेड सिंटैक्स में … एक रेपीटेड को उसके मल्टीप्ल एलिमेंट या प्रॉपर्टीज में एक्सट्रेक्ट किया जाता है।
Example of spread syntax.
Program of array spread.
const arrayelement1 = [9, 8, 7, 4];
const arrayelement2 = […arrayelement1, 1, 2, 3, 4];
console.log(arrayelement2);
// Result –
[
9, 8, 7, 4,
1, 2, 3, 4
]
Explanation of spread syntax.
इस प्रोग्राम में स्प्रेड सिंटैक्स …arrayelement1, arrayelement1 से सभी ऐरे एलिमेंट को इनपुट करता है, और इन्हे arrayelement2 में स्टोर करता है।
JavaScript object spread.
const employee = { empname: “Siddhi”, age: 32 };
const newemployee = { …employee, city: “London”, contact:9414 };
console.log(newemployee);
// Result – { empname: ‘Siddhi’, age: 32, city: ‘London’, contact: 9414 }
Explanation of JavaScript object spread.
यहाँ इस प्रोग्राम में स्प्रेड सिंटैक्स …employee, employee ऑब्जेक्ट के सभी प्रॉपर्टीज को नए newemployee ऑब्जेक्ट में कॉपी कर देता है, और इसके साथ आप नए प्रॉपर्टीज जैसे, कांटेक्ट एलिमेंट को भी ऐड कर सकते हैं।
Merging arrays in JavaScript.
const arrayelement1 = [9, 8, 7];
const arrayelement2 = [1, 3, 0];
const groupArrayelement = […arrayelement1, …arrayelement2];
console.log(groupArrayelement); // Result – [ 9, 8, 7, 1, 3, 0 ]
Explanation of Merging arrays in JavaScript.
इस प्रोग्राम में स्प्रेड सिंटैक्स का उपयोग के माध्यम से, प्रोग्रामर arrayelement1 और arrayelement2 को मिलाकर एक नया groupArrayelement क्रिएट कर सकते हैं।
Copying an array or object in JavaScript.
const arrayelement = [9, 8, 7, 4];
const arrayCopy = […arrayelement];
console.log(arrayCopy); // Result – [ 9, 8, 7, 4 ]
const object = { name: “Vcahelpsu”, course:”javascript”, price: 999 };
const objectCopy = { …object };
console.log(objectCopy); // Result – { name: ‘Vcahelpsu’, course: ‘javascript’, price: 999 }
Explanation of Copying an array or object in JavaScript.
इस प्रोग्राम में स्प्रेड सिंटैक्स का उपयोग किसी ऐरे या ऑब्जेक्ट दोनों को ग्रुप कर एक कॉपी क्रिएट करने में बनाने में किया जा सकता है।
Javascript function arguments.
आप जावास्क्रिप्ट प्रग्राम में स्प्रेड सिंटैक्स का उपयोग किसी ऐरे को सेपरेट आर्गुमेंट के रूप में उस फ़ंक्शन में वैल्यू पास करने में अप्लाई कर सकते हैं, जो फंक्शन एक समय में कई फंक्शन आर्गुमेंट की अपेक्षा करता है।
function add(p, q, r) {
return p + q + r;
}
const integer = [9, 2, 8];
console.log(add(…integer)); // Result is – 19
Explanation of JavaScript function arguments.
इस प्रोग्राम में स्प्रेड सिंटैक्स …इन्टिजर, इन्टिजर ऐरे के एलिमेंट को ऐड() फ़ंक्शन में सेपरेट आर्गुमेंट के रूप में स्प्रेड करता है।
Combination of Rest and Spread syntax in JavaScript.
जावास्क्रिप्ट प्रोग्रामर अपने प्रोग्राम कोड में Rest और Spread दोनों सिंटैक्स को एक साथ अप्लाई कर सकते हैं, लेकिन यहाँ आपको इसे कुछ पर्टिकुलर कंडीशन में अप्लाई करना होगा।
Example of Rest and Spread parameters together in JavaScript.
function countinteger(one, two, …remaning) {
const total = one + two + remaning.reduce((acc, integer) => acc + integer, 0);
console.log(total);
}
const integer = [7, 8, 9, 1, 4, 3];
countinteger(…integer); // Result is – 32
Explanation of Combination of Rest and Spread syntax.
ऊपर दिए गए प्रोग्राम फ़ंक्शन को कॉल करते समय, array इन्टिजर को सेपरेट कर आर्गुमेंट में डिवाइड किया जाता है। सबसे फर्स्ट में दो वैल्यू 1 और 2 फर्स्ट और सेकंड आर्गुमेंट को अप्लाई किए जाते हैं, इसके बाद रिमेनिंग ऐरे एलिमेंट (1, 4, 3) ऐरे एलिमेंट को अन्य आर्गुमेंट में ग्रुप कर डिस्प्ले किया जाता हैं।
Javascript Rest Parameters vs Spread Syntax
| Feature | Rest function Parameters (…) | Spread function Syntax (…) |
| Purpose | Rest function parameter used to Collects multiple arguments into an array element. | Spread used to Expands an array or object into individual elements or properties. |
| Context | Rest Used in function parameter lists to handle variable number of arguments in existing function. | Spread syntax Used in function calls, array literals, or object literals with function program. |
| Used With | Rest Function parameters used with it. | Spread used with Arrays, objects, and function calls. |
| Illustration | Rest function total(…integer) | const newArrayelement = […oldArray] |
| Illustration | Rest function displayinfo(…course) | const grouped = […arrayelement1, …arrayelement2] |
Explanation of Rest parameters and Spread syntax.
JavaScript Rest Parameter (…).
किसी प्रोग्राम में फ़ंक्शन डिक्लेरेशन में मल्टीप्ल आर्गुमेंट को एक ही ऐरे में ग्रुप कर डिस्प्ले करने में किया जाता है।
फंक्शन प्रोग्राम में अज्ञात या परिवर्तनशील संख्या में आर्गुमेंट वाले फ़ंक्शन को मैनेज करने का एक मेथड प्रोवाइड करता है।
JavaScript spread syntax (…).
फंक्शन पैरामीटर में ऐरे या ऑब्जेक्ट को सेपरेट एलिमेंट या प्रॉपर्टीज में विस्तारित कर उपयोग किया जाता है।
सामान्य रूप में फ़ंक्शन कॉल, ऐरे और ऑब्जेक्ट क्रिएशन, और मर्ज ऑपरेशन में उपयोग किया जाता है।
