जावास्क्रिप्ट: 7 उपयोगी छोटी चीजें

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

1. अद्वितीय सरणी मान प्राप्त करना

जावास्क्रिप्ट में, किसी अन्य सरणी से केवल अनन्य मान वाले सरणी को बनाना शायद आपके विचार से आसान है:

var j = [...new Set([1, 2, 3, 3])] // [1, 2, 3] 

मुझे पसंद है कि जिस तरह से ऑपरेटर और Set डेटा प्रकार का उपयोग करके इस समस्या को हल किया जा सकता है।

2. तर्क और तार्किक मूल्य

क्या आपको कभी किसी ऐसे सरणी से मान निकालने की आवश्यकता है जिसका तार्किक प्रकार में रूपांतरण false ? उदाहरण के लिए, ये 0 , undefined , null , false जैसे मूल्य हैं। आप यह नहीं जानते होंगे कि ऐसा करने के लिए, आप ऐसा कर सकते हैं:

 myArray   .map(item => {       // ...   })   //       .filter(Boolean); 

जैसा कि आप देख सकते हैं, ऐसे सभी मूल्यों से छुटकारा पाने के लिए, बस Boolean को .filter() सरणी विधि में पास करें।

3. वास्तव में खाली वस्तुओं का निर्माण

मुझे यकीन है कि आप एक ऑब्जेक्ट बना सकते हैं जो ऑब्जेक्ट शाब्दिक के सिंटैक्स का उपयोग करके खाली लगता है: {} । लेकिन एक प्रोटोटाइप ( __proto__ ) को इस तरह के ऑब्जेक्ट को सौंपा जाएगा, इसमें एक hasOwnProperty() विधि और अन्य ऑब्जेक्ट तरीके होंगे। वास्तव में खाली वस्तु बनाने के लिए, जिसका उदाहरण के लिए, "शब्दकोश" के रूप में उपयोग किया जा सकता है, आप यह कर सकते हैं:

 let dict = Object.create(null); // dict.__proto__ === "undefined" //        ,           

इस तरह से बनाई गई वस्तु में गुण और विधियाँ नहीं होती हैं जो प्रोग्रामर द्वारा इसमें नहीं जोड़ी जाती हैं।

4. वस्तुओं का विलय

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

 const person = { name: 'David Walsh', gender: 'Male' }; const tools = { computer: 'Mac', editor: 'Atom' }; const attributes = { handsomeness: 'Extreme', hair: 'Brown', eyes: 'Blue' }; const summary = {...person, ...tools, ...attributes}; /* Object { "computer": "Mac", "editor": "Atom", "eyes": "Blue", "gender": "Male", "hair": "Brown", "handsomeness": "Extreme", "name": "David Walsh", } */ 

ऑपरेटर ... वस्तुओं के विलय के कार्य के समाधान को बहुत सरल करता है।

5. आवश्यक फ़ंक्शन पैरामीटर

डिफ़ॉल्ट फ़ंक्शन तर्क मान सेट करना जावास्क्रिप्ट का एक बड़ा विस्तार है। लेकिन यहां बताया गया है कि इसे कैसे बनाया जाए ताकि कुछ आवश्यक मापदंडों को पारित किए बिना कार्य सरलता से काम करने से इनकार कर दें:

 const isRequired = () => { throw new Error('param is required'); }; const hello = (name = isRequired()) => { console.log(`hello ${name}`) }; //    ,     name hello(); //     hello(undefined); //        hello(null); hello('David'); 

इससे पहले कि हम कार्यों के लिए पारित किए गए सत्यापन का एक अतिरिक्त स्तर है।

6. विनाशकारी असाइनमेंट और वस्तुओं के निकाले गए गुणों के नए नाम

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

 const obj = { x: 1 }; //      obj.x   x const { x } = obj; //   obj.x     otherName const { x: otherName } = obj; 

यह तकनीक उन मामलों में उपयोगी है जहां आपको चर नाम या स्थिरांक के टकराव से बचने की आवश्यकता होती है।

7. पार्सिंग क्वेरी स्ट्रिंग्स

कई सालों से, हमने क्वेरी स्ट्रिंग को पार्स करने के लिए नियमित रूप से अभिव्यक्ति लिखी है, लेकिन ये समय बीत चुका है। अब, इस समस्या को हल करने के लिए, आप अद्भुत API URLSearchParams का उपयोग कर सकते हैं:

 // ,     "?post=1234&action=edit" var urlParams = new URLSearchParams(window.location.search); console.log(urlParams.has('post')); // true console.log(urlParams.get('action')); // "edit" console.log(urlParams.getAll('action')); // ["edit"] console.log(urlParams.toString()); // "?post=1234&action=edit" console.log(urlParams.append('active', '1')); // "?post=1234&action=edit&active=1" 

URLSearchParams एपीआई URLSearchParams उपयोग करना नियमित अभिव्यक्ति का उपयोग करके समान कार्यों को हल करने की तुलना URLSearchParams बहुत आसान है।

परिणाम

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

प्रिय पाठकों! क्या आप कोई उपयोगी जेएस प्रोग्रामिंग ट्रिक्स जानते हैं? यदि हां, तो कृपया उन्हें साझा करें।