जावास्क्रिप्ट में सरणी विधियों का प्रभावी उपयोग

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

IndexOf () को शामिल करना () शामिल करना

"यदि आप किसी सरणी में कुछ ढूंढ रहे हैं, तो indexOf() विधि का उपयोग करें।" जब मैंने जावास्क्रिप्ट का अध्ययन किया था, तो मैंने एक पाठ्यक्रम में ऐसी सिफारिश की थी। यह सिफारिश काफी सामान्य है, इसके बारे में कुछ भी बुरा नहीं कहा जा सकता है।

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

लेकिन क्या होगा अगर हमें यह पता लगाने की आवश्यकता है कि क्या सरणी में एक निश्चित तत्व है या नहीं? यही है, हम इस तत्व के सूचकांक में दिलचस्पी नहीं रखते हैं, अगर यह सरणी में है, लेकिन इसकी उपस्थिति या अनुपस्थिति के तथ्य में। इस दृष्टिकोण के साथ, हम एक कमांड के साथ काफी सहज हैं जो true या false रिटर्न देता true । ऐसे मामलों में, मैं indexOf() पद्धति का उपयोग नहीं करने की सलाह देता हूं, लेकिन includes() विधि includes() , जो एक बूलियन मान लौटाता है। एक उदाहरण पर विचार करें:

 'use strict'; const characters = [ 'ironman', 'black_widow', 'hulk', 'captain_america', 'hulk', 'thor', ]; console.log(characters.indexOf('hulk')); // 2 console.log(characters.indexOf('batman')); // -1 console.log(characters.includes('hulk')); // true console.log(characters.includes('batman')); // false 

फ़िल्टर () विधि के बजाय खोज () विधि का उपयोग करना

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

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

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

ऐसी स्थितियों में आने से बचने के लिए, मैं find() विधि का उपयोग करने की सलाह दूंगा। जब बुलाया जाता है, तो यह स्थिति का वर्णन करने वाले कॉलबैक को प्राप्त करता है, filter() विधि के साथ उपयोग किए जाने वाले बहुत समान है, लेकिन find() विधि केवल पहले तत्व को लौटाती है जो स्थिति से मेल खाती है। इसी समय, यह तत्व इस तरह के एक तत्व को खोजने के तुरंत बाद काम करना बंद कर देता है। नतीजतन, उसे संपूर्ण सरणी को ब्राउज़ करने की आवश्यकता नहीं है।

 'use strict'; const characters = [ { id: 1, name: 'ironman' }, { id: 2, name: 'black_widow' }, { id: 3, name: 'captain_america' }, { id: 4, name: 'captain_america' }, ]; function getCharacter(name) { return character => character.name === name; } console.log(characters.filter(getCharacter('captain_america'))); // [ //   { id: 3, name: 'captain_america' }, //   { id: 4, name: 'captain_america' }, // ] console.log(characters.find(getCharacter('captain_america'))); // { id: 3, name: 'captain_america' } 

कुछ () विधि के साथ खोज () विधि की जगह

मुझे स्वीकार करना चाहिए, अब हम जिस पर चर्चा करेंगे, मैंने कई बार प्रतिबद्ध किया है। तब उन्होंने मुझे एमडीएन को देखने और यह देखने के लिए सलाह दी कि मैंने तर्कहीन तरीके से क्या सुधार किया। संक्षेप में, यह बहुत कुछ वैसा ही है जैसा हमने indexOf() और includes() विधियों के बारे में बात करते समय देखा था।

उपरोक्त मामले में, हमने देखा कि find() विधि, एक तर्क के रूप में, कॉलबैक लेता है और एक सरणी तत्व देता है। यदि सरणी को एक निश्चित मान शामिल है या नहीं, तो क्या हमें पता लगाने के लिए find() विधि को सबसे सफल समाधान कहा जा सकता है? शायद नहीं, क्योंकि यह विधि एक सरणी तत्व का मूल्य लौटाती है, बूलियन नहीं।

ऐसी स्थिति में, मैं some() पद्धति का उपयोग करने की सलाह दूंगा, जो एक बूलियन मान लौटाता है।

 'use strict'; const characters = [ { id: 1, name: 'ironman', env: 'marvel' }, { id: 2, name: 'black_widow', env: 'marvel' }, { id: 3, name: 'wonder_woman', env: 'dc_comics' }, ]; function hasCharacterFrom(env) { return character => character.env === env; } console.log(characters.find(hasCharacterFrom('marvel'))); // { id: 1, name: 'ironman', env: 'marvel' } console.log(characters.some(hasCharacterFrom('marvel'))); // true 

फ़िल्टर () और मानचित्र () विधियों के संयोजन के बजाय कम () पद्धति का उपयोग करना

यह कहने योग्य है कि reduce() विधि को समझना आसान नहीं है। हालाँकि, यदि इसके साथ क्या किया जा सकता है, दो चरणों में किया जाता है, तो एक श्रृंखला में संयुक्त filter() और map() विधियों का उपयोग करके, ऐसा लगता है कि इस दृष्टिकोण में कुछ गलत है।

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

दो तरीकों का उपयोग करके बनाई गई प्रणाली पर भार को कम करने और कार्यक्रमों की उत्पादकता बढ़ाने के लिए, ऐसे मामलों में, मैं reduce() विधि का उपयोग reduce() की सलाह दूंगा। परिणाम समान होगा, लेकिन कोड बेहतर हो जाएगा। यह विधि आपको हमारी रुचि के तत्वों को फ़िल्टर करने और उन्हें बैटरी में जोड़ने की अनुमति देती है। बैटरी एक संख्यात्मक चर हो सकता है जो स्टोर करता है, कहता है, सरणी के तत्वों का योग, यह एक ऑब्जेक्ट, एक स्ट्रिंग या एक सरणी हो सकता है जिसमें हम उन तत्वों को जमा कर सकते हैं जिनकी हमें ज़रूरत है।

हमारे मामले में, चूंकि हम map() विधि का उपयोग करने के बारे में बात कर रहे हैं, मैं एक संचायक के रूप में एक सरणी के साथ reduce() विधि का उपयोग reduce() सलाह दूंगा। निम्नलिखित उदाहरण में, हम env फील्ड के मान से ऑब्जेक्ट्स को फ़िल्टर करने वाले एरे तत्वों को फ़िल्टर करते हैं और उनका रूपांतरण करते हैं।

 'use strict'; const characters = [ { name: 'ironman', env: 'marvel' }, { name: 'black_widow', env: 'marvel' }, { name: 'wonder_woman', env: 'dc_comics' }, ]; console.log( characters   .filter(character => character.env === 'marvel')   .map(character => Object.assign({}, character, { alsoSeenIn: ['Avengers'] })) ); // [ //   { name: 'ironman', env: 'marvel', alsoSeenIn: ['Avengers'] }, //   { name: 'black_widow', env: 'marvel', alsoSeenIn: ['Avengers'] } // ] console.log( characters   .reduce((acc, character) => {     return character.env === 'marvel'       ? acc.concat(Object.assign({}, character, { alsoSeenIn: ['Avengers'] }))       : acc;   }, []) ) // [ //   { name: 'ironman', env: 'marvel', alsoSeenIn: ['Avengers'] }, //   { name: 'black_widow', env: 'marvel', alsoSeenIn: ['Avengers'] } // ] 

परिणाम

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

प्रिय पाठकों! क्या आपने कभी जावास्क्रिप्ट तंत्रों के दुरुपयोग के उदाहरणों का सामना किया है?