📒 👩‍👩‍👧 🤹🏻 जावास्क्रिप्ट में उच्च-क्रम के कार्य: यह क्या है? 📦 ✌️ 🧑🏿‍🤝‍🧑🏻

हम आपको बिट्स एंड पीसेस पर प्रकाशित सुखजिंदर अरोड़ा के एक लेख का अनुवाद प्रस्तुत करते हैं। जावास्क्रिप्ट में उच्च-क्रम के कार्यों और इस भाषा में निर्मित कुछ अन्य कार्यों के बारे में बिल्ली के नीचे का पता लगाएं।

NESA द्वारा मेकर्स द्वारा फोटो Unsplash से

जावास्क्रिप्ट प्रोग्रामिंग सीखना, आप शायद उच्च क्रम के कार्यों की अवधारणा में आए थे। हालांकि यह अवधारणा डराने वाली लग सकती है, यह वास्तव में उतना जटिल नहीं है।

उच्च-क्रम के कार्यों के साथ काम करने की क्षमता के लिए धन्यवाद, जावास्क्रिप्ट कार्यात्मक प्रोग्रामिंग के लिए उपयुक्त है।

जावास्क्रिप्ट में उच्च-क्रम के कार्य आम हैं। यदि आपने उसके साथ कुछ समय के लिए काम किया है, तो इस बात की बहुत संभावना है कि आपने इस तरह के कार्यों को बिना महसूस किए भी उपयोग किया हो।

उच्च-क्रम के कार्यों की एक पूरी तस्वीर प्राप्त करने के लिए, आपको पहले यह समझना होगा कि कार्यात्मक प्रोग्रामिंग और प्रथम श्रेणी के कार्य क्या हैं ।

युक्ति : जावास्क्रिप्ट फ़ंक्शंस का पुन: उपयोग करने से अक्सर डुप्लिकेट बन जाते हैं इससे बचने के लिए बिट (GitHub) का उपयोग करें। आप आसानी से नई सुविधाओं को पा सकते हैं, उन्हें साझा कर सकते हैं और न्यूनतम प्रबंधन परिवर्तनों के साथ उन्हें पुन: लागू कर सकते हैं। यह कोशिश करो, शर्मीली मत बनो।

कार्यात्मक प्रोग्रामिंग क्या है

विवरण में जाने के बिना, कार्यात्मक प्रोग्रामिंग प्रोग्रामिंग है जिसमें कुछ कार्यों को अन्य कार्यों के लिए तर्क के रूप में पारित किया जाता है और तीसरे कार्यों को मान के रूप में वापस किया जाता है। कार्यात्मक प्रोग्रामिंग में, हम सोचते हैं और कार्यों के साथ काम करते हैं।

कार्यात्मक प्रोग्रामिंग को जावास्क्रिप्ट, हास्केल, क्लोजर, स्काला और एरलंग जैसी भाषाओं में किया जाता है।

प्रथम श्रेणी की विशेषताएँ क्या हैं

जब जावास्क्रिप्ट के साथ काम करना सीखते हैं, तो आप सबसे अधिक संभावना है कि उसके लिए, कार्य प्रथम श्रेणी के नागरिक हैं। तथ्य यह है कि जावास्क्रिप्ट में, किसी भी अन्य कार्यात्मक प्रोग्रामिंग भाषा की तरह, फ़ंक्शन ऑब्जेक्ट हैं।

विशेष रूप से जावास्क्रिप्ट के लिए, फ़ंक्शन एक विशेष प्रकार की वस्तुएं हैं ( Function ऑब्जेक्ट्स, या Function )। उदाहरण के लिए:

 function greeting() { console.log('Hello World'); } // Invoking the function greeting(); // prints 'Hello World'

यह दिखाने के लिए कि जावास्क्रिप्ट में कार्य ऑब्जेक्ट हैं, हम कुछ इस तरह कर सकते हैं:

 // We can add properties to functions like we do with objects greeting.lang = 'English'; // Prints 'English' console.log(greeting.lang);

नोट: यद्यपि उपरोक्त जावास्क्रिप्ट में ठीक काम करता है, आपको इसका दुरुपयोग नहीं करना चाहिए। आप फ़ंक्शनलर्स को रैंडम प्रॉपर्टीज़ असाइन नहीं कर सकते - नियमित वस्तुओं का उपयोग करना बेहतर है।

जावास्क्रिप्ट में, सब कुछ आप अन्य संस्थाओं के साथ कर सकते हैं, जैसे कि एक वस्तु, एक स्ट्रिंग, या एक संख्या, कार्यों पर लागू होती है। उन्हें पारित किया जा सकता है, अन्य कार्यों के तर्क के रूप में (फिर उन्हें कॉलबैक फ़ंक्शन या कॉलबैक फ़ंक्शन कहा जाता है), उन्हें चर पर असाइन करें, और इसी तरह। यही कारण है कि जावास्क्रिप्ट कार्यों को प्रथम श्रेणी के कार्य कहा जाता है।

चर को कार्य सौंपना

जावास्क्रिप्ट आपको चरों को कार्य सौंपने की अनुमति देता है। उदाहरण के लिए:

 const square = function(x) { return x * x; } // prints 25 square(5);

उन्हें भी प्रेषित किया जा सकता है। उदाहरण के लिए:

 const foo = square; // prints 36 foo(6);

तर्क के रूप में कार्य करना

हम कार्यों को अन्य कार्यों के तर्क के रूप में पारित कर सकते हैं। उदाहरण के लिए:

 function formalGreeting() { console.log("How are you?"); } function casualGreeting() { console.log("What's up?"); } function greet(type, greetFormal, greetCasual) { if(type === 'formal') { greetFormal(); } else if(type === 'casual') { greetCasual(); } } // prints 'What's up?' greet('casual', formalGreeting, casualGreeting);

इसलिए, अब हम जानते हैं कि प्रथम श्रेणी के कार्य क्या हैं, आइए जावास्क्रिप्ट में उच्च-क्रम वाले कार्यों की ओर मुड़ें।

उच्च आदेश कार्य

उच्च-क्रम फ़ंक्शन ऐसे फ़ंक्शन होते हैं जो अन्य फ़ंक्शन के साथ काम करते हैं, एक फ़ंक्शन को एक तर्क के रूप में लेते हैं, या परिणामस्वरूप फ़ंक्शन को वापस करते हैं।

भाषा में पहले से निर्मित उच्च-क्रम के कार्यों के उदाहरण Array.prototype.map , Array.prototype.filter और Array.prototype.reduce ।

कार्रवाई में उच्च आदेश कार्य

आइए उच्च-क्रम वाले अंतर्निहित कार्यों के कुछ उदाहरण देखें और उनकी तुलना उन समाधानों से करें जहाँ उच्च-क्रम के कार्यों का उपयोग नहीं किया जाता है।

Array.prototype.map
प्रारंभिक सरणी के प्रत्येक तत्व के लिए पारित फ़ंक्शन को कॉल करने के परिणामस्वरूप map() विधि एक नई सरणी बनाता है। map() विधि कॉलबैक फ़ंक्शन के प्रत्येक मान को लेती है और इन मानों का उपयोग करके एक नया सरणी बनाती है।

map() विधि में पारित कॉलबैक फ़ंक्शन तीन तर्क लेता है: element , index और array ।

कुछ उदाहरणों से इस पर विचार करें।

उदाहरण संख्या १
मान लें कि हमारे पास संख्याओं की एक सरणी है, और इससे हम एक नया सरणी बनाना चाहते हैं जिसमें प्रारंभिक सरणी से प्रत्येक संख्या दोगुनी हो जाएगी। हम उच्च क्रम फ़ंक्शन के साथ और बिना इस समस्या को कैसे हल कर सकते हैं?

एक उच्च आदेश समारोह के बिना:

 const arr1 = [1, 2, 3]; const arr2 = []; for(let i = 0; i < arr1.length; i++) { arr2.push(arr1[i] * 2); } // prints [ 2, 4, 6 ] console.log(arr2);

उच्च क्रम map फ़ंक्शन का उपयोग करना:

 const arr1 = [1, 2, 3]; const arr2 = arr1.map(function(item) { return item * 2; }); console.log(arr2);

तीर फ़ंक्शन का उपयोग करके कोड को और भी छोटा किया जा सकता है।

 const arr1 = [1, 2, 3]; const arr2 = arr1.map(item => item * 2); console.log(arr2);

उदाहरण संख्या 2
मान लें कि हमारे पास कई लोगों के जन्म के वर्षों की एक सरणी है, और इसमें से हम एक नया सरणी बनाना चाहते हैं जिसमें उनकी उम्र होगी।

एक उच्च आदेश समारोह के बिना:

 const birthYear = [1975, 1997, 2002, 1995, 1985]; const ages = []; for(let i = 0; i < birthYear.length; i++) { let age = 2018 - birthYear[i]; ages.push(age); } // prints [ 43, 21, 16, 23, 33 ] console.log(ages);

उच्च क्रम map फ़ंक्शन का उपयोग करना:

 const birthYear = [1975, 1997, 2002, 1995, 1985]; const ages = birthYear.map(year => 2018 - year); // prints [ 43, 21, 16, 23, 33 ] console.log(ages);

Array.prototype.filter
filter() विधि सभी तत्वों के साथ एक नया सरणी बनाता है जो उत्तीर्ण फ़ंक्शन में निर्दिष्ट परीक्षण पास करता है। filter() करने के लिए दिया गया कॉलबैक फ़ंक्शन तीन तर्क लेता है: element , index और array ।

कुछ उदाहरणों से इस पर विचार करें।

उदाहरण संख्या १
कल्पना करें कि हमारे पास एक सरणी है जिसमें "नाम" और "आयु" के गुण हैं। इसमें से हम एक नई व्यूह रचना करना चाहते हैं जिसमें केवल वयस्कों (अठारह और उससे अधिक) का संकेत दिया जाएगा।

एक उच्च आदेश समारोह के बिना:

 const persons = [ { name: 'Peter', age: 16 }, { name: 'Mark', age: 18 }, { name: 'John', age: 27 }, { name: 'Jane', age: 14 }, { name: 'Tony', age: 24}, ]; const fullAge = []; for(let i = 0; i < persons.length; i++) { if(persons[i].age >= 18) { fullAge.push(persons[i]); } } console.log(fullAge);

उच्च क्रम filter फ़ंक्शन का उपयोग करना:

 const persons = [ { name: 'Peter', age: 16 }, { name: 'Mark', age: 18 }, { name: 'John', age: 27 }, { name: 'Jane', age: 14 }, { name: 'Tony', age: 24}, ]; const fullAge = persons.filter(person => person.age >= 18); console.log(fullAge);

Array.prototype.reduce
reduce विधि सरणी के प्रत्येक मूल्य पर एक फ़ंक्शन को लागू करती है, इसे एक मूल्य पर कम करती है। कम करने की विधि में दो तर्क होते हैं:

कॉलबैक फ़ंक्शन संसाधित किया जाना है;
वैकल्पिक initialValue पैरामीटर (पहले फ़ंक्शन कॉल पर पहला तर्क)।

कॉलबैक फ़ंक्शन चार तर्क लेता है: accumulator , currentValue , currentIndex , sourceArray ।

यदि initialValue पैरामीटर पारित किया गया था, तो accumulator तर्क initialValue तर्क के बराबर होगा, और currentValue तर्क सरणी का पहला तत्व currentValue ।

यदि initialValue पैरामीटर पैरामीटर पारित नहीं किया गया था, तो accumulator तर्क सरणी के पहले तत्व के बराबर होगा, और सरणी का दूसरा तत्व currentValue तर्क के रूप में लिया जाएगा।

उदाहरण संख्या १
मान लें कि हमें किसी सरणी में संख्याओं का योग ज्ञात करना है।

एक उच्च क्रम फ़ंक्शन का उपयोग reduce :

 const arr = [5, 7, 1, 8, 4]; const sum = arr.reduce(function(accumulator, currentValue) { return accumulator + currentValue; }); // prints 25 console.log(sum);

हर बार सरणी से प्रत्येक मान पर कॉलबैक फ़ंक्शन लागू किया जाता है, accumulator तर्क फ़ंक्शन द्वारा वापस की गई पिछली क्रिया का परिणाम बचाता है, और currentValue सरणी का अगला मान लेता है। पूरा होने पर, परिणाम को चर sum में संग्रहीत किया जाता है।

इसके अलावा, हम इस फ़ंक्शन को प्रारंभिक मान दे सकते हैं:

 const arr = [5, 7, 1, 8, 4]; const sum = arr.reduce(function(accumulator, currentValue) { return accumulator + currentValue; }, 10); // prints 35 console.log(sum);

एक उच्च आदेश समारोह के बिना:

 const arr = [5, 7, 1, 8, 4]; let sum = 0; for(let i = 0; i < arr.length; i++) { sum = sum + arr[i]; } // prints 25 console.log(sum);

जैसा कि आप देख सकते हैं, एक उच्च-क्रम फ़ंक्शन की सहायता से, कोड को नीटर, छोटा और अधिक कैपेसिटिव बनाया जा सकता है।

अपना खुद का उच्चतर ऑर्डर फंक्शन बनाएं

इस बिंदु तक, हमने भाषा में निर्मित विभिन्न उच्च-क्रम के कार्यों पर विचार किया है। यह आपके खुद के उच्चतर ऑर्डर फंक्शन बनाने का समय है।

कल्पना कीजिए कि जावास्क्रिप्ट का अपना map तरीका नहीं होगा। हम इसे स्वयं बना सकते हैं, जिससे एक उच्च क्रम का अपना कार्य बन सकता है।

मान लें कि हमारे पास स्ट्रिंग की एक सरणी है, और इसमें से हम एक इंटीग्रल का एक सरणी बनाना चाहते हैं जिसमें प्रत्येक तत्व प्रारंभिक सरणी से स्ट्रिंग की लंबाई का प्रतिनिधित्व करेगा।

 const strArray = ['JavaScript', 'Python', 'PHP', 'Java', 'C']; function mapForEach(arr, fn) { const newArray = []; for(let i = 0; i < arr.length; i++) { newArray.push( fn(arr[i]) ); } return newArray; } const lenArray = mapForEach(strArray, function(item) { return item.length; }); // prints [ 10, 6, 3, 4, 1 ] console.log(lenArray);

उपरोक्त उदाहरण में, हमने एक उच्च-क्रम फ़ंक्शन mapForEach , जो एक सरणी और तर्कों के रूप में कॉलबैक फ़ंक्शन fn लेता है। यह फ़ंक्शन हर चक्र में सरणी के प्रत्येक तत्व पर लागू होता है और प्रत्येक पुनरावृति में newArray.push फ़ंक्शन newArray.push भाग के रूप में fn कॉलबैक फ़ंक्शन को newArray.push करता है।

fn कॉलबैक फ़ंक्शन प्रारंभिक सरणी का वर्तमान तत्व लेता है और इस तत्व की लंबाई मान देता है, जो नए newArray अंदर संग्रहीत newArray । पुनरावृति पूरा होने के बाद, newArray सरणी newArray परिणाम के रूप में लौटाया जाता है और lenArray सरणी को सौंपा जाता है।

निष्कर्ष

हमने सीखा कि उच्च-क्रम वाले कार्य क्या हैं, और भाषा में निर्मित कुछ कार्यों की जांच की। हमने यह भी सीखा कि अपने उच्च-क्रम के कार्यों को कैसे बनाया जाए।

संक्षेप में, उच्च-क्रम वाले कार्य नियमित कार्यों की तरह काम करते हैं, लेकिन एक तर्क के रूप में अन्य कार्यों को प्राप्त करने और परिणामस्वरूप उन्हें वापस करने की अतिरिक्त क्षमता होती है।

वह, वास्तव में, सब है। अगर आपको यह लेख उपयोगी लगा, तो आप मुझे माध्यम और ट्विटर पर भी अनुसरण कर सकते हैं। यदि आपके कोई प्रश्न हैं तो बेझिझक टिप्पणी करें! मुझे मदद करने में खुशी होगी। :)

जावास्क्रिप्ट में उच्च-क्रम के कार्य: यह क्या है?