जावास्क्रिप्ट में उच्च आदेश कार्य

यदि आप जावास्क्रिप्ट सीख रहे हैं, तो आप एक "हायर-ऑर्डर फंक्शन" की अवधारणा में आए होंगे। यह कुछ बहुत जटिल लग सकता है, लेकिन, वास्तव में, यह नहीं है।

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



इस अवधारणा को पूरी तरह से समझने के लिए, आपको पहले कार्यात्मक प्रोग्रामिंग (कार्यात्मक प्रोग्रामिंग) की अवधारणा को समझना होगा और फ़ंक्शंस प्रथम श्रेणी (फ़र्स्ट-क्लास फ़ंक्शंस) क्या हैं।

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

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

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

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

प्रथम श्रेणी के कार्य

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

विशेष रूप से, जेएस कार्यों में एक विशेष प्रकार की वस्तुओं के रूप में प्रतिनिधित्व किया जाता है - ये प्रकार प्रकार की वस्तुएं हैं। एक उदाहरण पर विचार करें:

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

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

 //     ,       greeting.lang = 'English'; //  'English' console.log(greeting.lang); 

कृपया ध्यान दें कि जावास्क्रिप्ट में मानक वस्तुओं के लिए अपने गुणों को जोड़ने के दौरान त्रुटि संदेश नहीं होता है, ऐसा करने की अनुशंसा नहीं की जाती है। आपको अपने स्वयं के गुणों को कार्यों में नहीं जोड़ना चाहिए। यदि आपको किसी वस्तु में कुछ संग्रहीत करने की आवश्यकता है, तो इसके लिए एक विशेष वस्तु बनाना बेहतर है।

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

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

कार्यों को चर और स्थिरांक को सौंपा जा सकता है:

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

चर या स्थिरांक को सौंपे गए कार्य अन्य चर या स्थिरांक को सौंपे जा सकते हैं:

 const foo = square; //  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(); } } //  'What's up?' greet('casual', formalGreeting, casualGreeting); 

अब जब हम जानते हैं कि प्रथम श्रेणी के कार्य कैसे व्यवहार करते हैं, तो उच्चतर कार्यों के बारे में बात करते हैं।

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

उच्च-क्रम के कार्य ऐसे कार्य हैं जो अन्य कार्यों के साथ काम करते हैं, या तो उन्हें मापदंडों के रूप में लेते हैं या उन्हें वापस करते हैं। सीधे शब्दों में कहें, एक उच्च-क्रम फ़ंक्शन एक फ़ंक्शन है जो फ़ंक्शन को तर्क के रूप में लेता है या आउटपुट मान के रूप में फ़ंक्शन देता है।

उदाहरण के लिए, अंतर्निहित JavaScript फ़ंक्शंस Array.prototype.map , Array.prototype.filter और Array.prototype.reduce उच्च-क्रम फ़ंक्शन हैं।

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

जेएस में निर्मित उच्च-क्रम के कार्यों का उपयोग करने के उदाहरणों पर विचार करें और इस तरह के कार्यों के उपयोग के बिना इस क्रिया की तुलना करें।

▍ विधि Array.prototyp.map

इनपुट सरणी के प्रत्येक तत्व को संसाधित करने के लिए map() विधि एक नई सरणी, कॉलिंग बनाता है, कॉलबैक एक तर्क के रूप में इसे पारित कर दिया। यह विधि कॉलबैक द्वारा लौटाए गए प्रत्येक मूल्य को लेती है और इसे आउटपुट सरणी में रखती है।

कॉलबैक फ़ंक्शन को map() में तीन तर्क दिए गए हैं: element (एलिमेंट), index (इंडेक्स) और array (एरे)। आइए कुछ उदाहरण देखें।

उदाहरण संख्या १

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

उच्च-क्रम के कार्यों का उपयोग किए बिना किसी समस्या का समाधान

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

उच्च-क्रम फ़ंक्शन मैप का उपयोग करके समस्या का समाधान करना

 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

मान लीजिए कि हमारे पास कुछ लोगों के जन्म का वर्ष है, और हमें एक सरणी बनाने की आवश्यकता है जो 2018 में उनकी आयु प्राप्त करेगी। पहले की तरह, इस समस्या का समाधान दो तरीकों से करें।

उच्च-क्रम के कार्यों का उपयोग किए बिना किसी समस्या का समाधान

 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); } //  [ 43, 21, 16, 23, 33 ] console.log(ages); 

उच्च-क्रम फ़ंक्शन मैप का उपयोग करके समस्या का समाधान करना

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

▍ विधि Array.prototyp.filter

filter() विधि बनाता है, सरणी के आधार पर, एक नया सरणी जिसमें मूल सरणी के तत्व गिरते हैं, कॉलबैक फ़ंक्शन में निर्दिष्ट शर्त के अनुसार इस विधि को पारित किया गया। यह फ़ंक्शन, जैसा कि map() विधि, 3 तर्क: element , index और array ।

map() विधि पर विचार करते समय उसी तरह से निर्मित उदाहरण पर विचार करें।

उदाहरण

मान लें कि हमारे पास एक ऐसी सारणी है, जिसमें ऐसे गुण हैं, जिनके गुण लोगों के एक निश्चित समूह के प्रतिनिधियों के नाम और आयु के बारे में जानकारी संग्रहीत करते हैं। हमें एक सरणी बनाने की आवश्यकता है जिसमें केवल इस समूह के वयस्क प्रतिनिधियों (जिनकी उम्र 18 वर्ष तक पहुंच गई है) के बारे में जानकारी होगी।

उच्च-क्रम के कार्यों का उपयोग किए बिना किसी समस्या का समाधान

 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); 

उच्च-क्रम फ़ंक्शन फ़िल्टर का उपयोग करके समस्या का समाधान करना

 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.prototyp.reduce

reduce() विधि कॉलबैक के उपयोग से सरणी के प्रत्येक तत्व को संसाधित करती है और परिणाम को एकल आउटपुट मान में रखती है। यह विधि दो मापदंडों को लेती है: कॉलबैक और वैकल्पिक प्रारंभिक मूल्य ( initialValue )।

एक कॉलबैक चार मापदंडों को स्वीकार करता है: accumulator (संचायक), currentValue (वर्तमान मूल्य), currentIndex (वर्तमान सूचकांक), sourceArray (स्रोत सरणी)।

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

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

उदाहरण

मान लीजिए कि हमारे पास संख्याओं की एक सरणी है। हमें इसके तत्वों की राशि की गणना करने की आवश्यकता है।

उच्च-क्रम के कार्यों का उपयोग किए बिना किसी समस्या का समाधान

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

उच्च क्रम फ़ंक्शन का उपयोग करके किसी समस्या को हल करना

सबसे पहले, reduce() विधि का उपयोग करके इसे प्रारंभिक मूल्य दिए बिना विचार करें।

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

हर बार कॉलबैक को currentValue गए currentValue साथ currentValue किया जाता currentValue , अर्थात, सरणी का अगला तत्व, इसका accumulator पैरामीटर, पिछले ऑपरेशन के परिणामों को समाहित करने के लिए निकलता है, अर्थात, पिछले पुनरावृत्ति पर फ़ंक्शन से क्या लौटाया गया था। इस पद्धति के पूरा होने के बाद, अंतिम परिणाम निरंतर sum ।

अब देखते हैं कि समस्या का हल क्या दिखाई देगा जैसे कि हम प्रारंभिक मान को reduce() विधि से पास करते हैं।

 const arr = [5, 7, 1, 8, 4]; const sum = arr.reduce(function(accumulator, currentValue) { return accumulator + currentValue; }, 10); //  35 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; }); //  [ 10, 6, 3, 4, 1 ] console.log(lenArray); 

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

fn कॉलबैक सरणी के वर्तमान स्ट्रिंग तत्व को स्वीकार करता है और इस तत्व की लंबाई देता है। newArray.push() फ़ंक्शन रिटर्न का उपयोग newArray.push() कमांड में किया जाता है और उस सरणी में मिलता है जो mapForEach() में वापस आ जाएगी। यह सरणी अंततः lenArray स्थिरांक को लिखी जाएगी।

परिणाम

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

संक्षेप में, उच्च-क्रम वाले कार्यों का सार, हम कह सकते हैं कि ये ऐसे कार्य हैं जो अन्य कार्यों को तर्क के रूप में ले सकते हैं और अन्य कार्यों को अपने काम के परिणामों के रूप में वापस कर सकते हैं। उच्च-क्रम के कार्यों में अन्य कार्यों के साथ काम करना किसी भी अन्य वस्तुओं के साथ काम करने के समान दिखता है।

प्रिय पाठकों! क्या आपको अपने उच्च-क्रम के कार्यों को लिखना है?