विकासकाला केवळ कार्ये पूर्ण करणे आवश्यक नाही तर कार्ये अधिक कार्यक्षमतेने करणे देखील आवश्यक आहे. आज JavaScript मध्ये अनेक लायब्ररी उपलब्ध आहेत ज्या विकसकांसाठी व्हेरिएबल्ससह काम करणे सोपे करतात. या पाठात आपण Lodash लायब्ररीची सर्वात सामान्य फंक्शन्स कशी वापरायची ते शिकू.
तुम्ही अजून Lodash चा प्रयत्न केला नसेल तर, आता तो क्षण आहे. Lodash एक समकालीन JavaScript उपयुक्तता पॅकेज आहे जे अॅरे, पूर्णांक, ऑब्जेक्ट्स, मजकूर आणि इतर डेटा प्रकारांसह कार्य करणे सोपे करते.
हे तुम्हाला विविध प्रकारच्या वस्तू हाताळण्यात मदत करेल आणि जेनेरिक पद्धती कोड करण्याची गरज दूर करून तुमचा वेळ वाचवेल. तुमचा कोड कमी ओळींसह स्वच्छ असेल आणि सर्व ब्राउझरमध्ये कार्य करेल. तुम्ही ते आधीच वापरत नसल्यास, तुम्ही त्याचा काळजीपूर्वक विचार केला पाहिजे.
Lodash न स्वीकारणे हे आमच्या JavaScript कोडबेसचे मोठे नुकसान आहे. आमच्याकडे कामावर असलेल्या सामान्य आव्हानांसाठी हा एक बग-मुक्त आणि मोहक उपाय आहे आणि त्याचा वापर केल्याने आमचा कोड अधिक वाचनीय आणि व्यवस्थापित करता येईल.
चला आणखी काही लोकप्रिय (किंवा नाही!) Lodash फंक्शन्सचा शोध घेऊ आणि ही लायब्ररी किती उपयुक्त आणि सुंदर आहे ते शोधू या.
1. _.sortedUniq
यासह सर्व डुप्लिकेट मूल्ये परत केली जाणार नाहीत. कारण ते फक्त क्रमवारी लावलेल्या अॅरेसाठी आहे, हे प्रामुख्याने वेगाच्या कारणांसाठी वापरले जाते. जर तुम्ही मोठ्या अॅरेसह व्यवहार करत असाल तरच हे उपयुक्त आहे. तुम्हाला गती सुधारायची असल्यास, तुमच्या अॅरेची क्रमवारी लावा आणि क्रमवारी लावलेल्या अॅरेसह चांगले काम करणार्या पद्धती वापरा.
Lodash मध्ये यासारखीच इतर अनेक फंक्शन्स आहेत. तुम्ही .sortedIndex, .sortedIndexBy, .sortedIndexOf, .sortedLastIndex, .sortedLastIndexBy, .sortedLastIndexBy, .sortedUniq, .sortedUniqBy, .sortedUniqBy, .sortedUniqBy, .sortedUniqBy, .sortedUniqBy, .sortedUniq वर पाहू शकता.
2. _.कमी करा
_.reduce हे फिल्टर फंक्शन सारखे आहे. फरक एवढाच आहे की तुमच्याकडे रिटर्न केलेल्या ऑब्जेक्टचा फॉर्म निवडण्याचा पर्याय आहे. हे सामान्य आहे, जर मी काय म्हणत आहे ते तुम्हाला समजत नसेल; त्यासाठी एक उदाहरण आहे.
थोडक्यात, आम्ही वयानुसार वर्गीकृत वापरकर्त्यांचा समावेश असलेली नवीन वस्तू परत करतो, परंतु केवळ 18 ते 59 वयोगटातील लोकांसाठी. हे Lodash हेल्पर फंक्शन सर्वात सामान्यपणे वापरले जाणारे एक आहे. हे ES6 मध्ये देखील समाविष्ट आहे. मला दोन ठराविक चुका देखील दाखवायच्या आहेत: फंक्शनच्या शेवटी निकाल परत करणे लक्षात ठेवा आणि निकालासाठी डीफॉल्ट मूल्य तिसरे पॅरामीटर (येथे) म्हणून द्या.
3. _.मिळवा आणि ._सेट करा
यासाठी, मी तुम्हाला दोन फंक्शन्स दाखवून थोडीशी फसवीन जे जवळजवळ समान कार्य करतात. _.get एखाद्या ऑब्जेक्टवरून प्रॉपर्टी व्हॅल्यू मिळवते आणि _.सेट करा, तुम्ही अंदाज लावलात, मूल्यासह प्रॉपर्टी सेट करा. अनन्य काहीही नाही, त्याशिवाय तुम्ही एखाद्या मालमत्तेत त्याच्या मार्गाने प्रवेश करू शकता.
एक उदाहरण पाहू.
_.set ला कॉल करताना पथ अस्तित्वात नसल्यास, तो व्युत्पन्न केला जाईल. यापुढे "अपरिभाषित 'आयटम' गुणधर्म सेट करू शकत नाही" त्रुटी राहणार नाहीत. पथ अस्तित्वात नसल्यास, _.get त्रुटीऐवजी अपरिभाषित परत येईल. जर पथ अपरिभाषित वर निराकरण करत असेल, तर तुम्ही डीफॉल्ट मूल्य (तृतीय पॅरामीटर) देखील देऊ शकता.
4. _.शोधा
एकल ऑब्जेक्ट शोधण्यासाठी अॅरेमधून लूप करण्याऐवजी, आपण _.find वापरू शकतो. ते चांगले आहे, परंतु केवळ _.शोधणेच करू शकत नाही. कोडच्या एका ओळीने, तुम्ही असंख्य गुणधर्मांचा वापर करून एखादी वस्तू देखील शोधू शकता. हे पहा!
5. _.की
माझ्या आवडींपैकी एक _.keyBy आहे. एखाद्या विशिष्ट गुणधर्मासह ऑब्जेक्ट मिळवण्याचा प्रयत्न करताना हे खूप उपयुक्त आहे. असे गृहीत धरा की आमच्याकडे 100 ब्लॉग एंट्री आहेत आणि "34abc" आयडी असलेली एक मिळवायची आहे. आम्ही ते कसे करणार आहोत? बघूया काय होते ते! सर्व्हरने अॅरे म्हणून पुरवल्यास ही पद्धत तुम्हाला ऑब्जेक्ट कलेक्शन व्यवस्थित करण्यात मदत करू शकते. फंक्शनचा वापर दुसरा युक्तिवाद म्हणून देखील केला जाऊ शकतो.
6. _.प्रत्येकासाठी
ही पद्धत एकामागून एक ऑब्जेक्ट्सच्या अॅरेवर पुनरावृत्ती करेल, तुम्हाला हवे ते तर्क करण्याची परवानगी देईल. या पहिल्या उदाहरणात, मी वापरकर्त्याच्या वस्तूंची यादी लूप करेन, त्यांची नाव आणि आडनाव एकत्र करून fullName नावाची नवीन मालमत्ता तयार करू.
यापैकी प्रत्येक दोन पॅरामीटर्स स्वीकारतो. आपण ज्या अॅरेवर लूप करत आहोत ते पहिले पॅरामीटर आहे. दुसरा युक्तिवाद पुनरावृत्ती फंक्शन आहे, पहिला पॅरामीटर वैयक्तिक आयटम संदर्भ आहे आणि दुसरा पुनरावृत्तीचा वर्तमान निर्देशांक आहे.
7. _.नकाशा
Map, forEach प्रमाणे, मूल्यांच्या अॅरेमध्ये पुनरावृत्ती होते. दुसरीकडे, नकाशा फंक्शन, पुनरावृत्ती फंक्शनद्वारे प्रदान केलेल्या मूल्यांचा एक नवीन अॅरे मिळवते. आम्ही आमच्या प्रत्येक उदाहरणाप्रमाणेच वापरकर्त्यांचा संग्रह वापरत आहोत. आम्ही एक नवीन व्हेरिएबल तयार करण्यासाठी _.map वापरू शकतो ज्यामध्ये सर्व वापरकर्त्यांच्या पूर्ण नावांचा सपाट अॅरे आहे.
8. _.फरक
फरक फंक्शन प्रथम आणि द्वितीय अॅरेमध्ये भिन्न असलेल्या मूल्यांचा एक नवीन अॅरे तयार करेल. हे लक्षात घेणे अत्यावश्यक आहे की युक्तिवादाची ठिकाणे परिणामांवर परिणाम करतात.
9. _.मिळवा
_.get() फंक्शन आपल्याला ऑब्जेक्टमधील घटक शोधण्यात मदत करू शकते. पुरवलेल्या पथावर घटक आढळला नाही तर परत येण्यासाठी आम्ही _.get() फंक्शनसाठी डीफॉल्ट मूल्य सेट करू शकतो. _.get() फंक्शन तीन पॅरामीटर्स घेते, त्यापैकी पहिला ऑब्जेक्ट आहे ज्यामधून आपण घटक मिळवू इच्छितो. मार्ग दुसरा आहे. तिसरे मूल्य हे डीफॉल्ट मूल्य आहे जे आम्ही एक घटक शोधू शकत नसल्यास आम्ही परत करू इच्छितो.
10. _.शोधा
_find() फंक्शन _.get() मेथड सारखेच असू शकते. _.find() फंक्शन, _.get() पद्धतीप्रमाणे, तीन पॅरामीटर्स स्वीकारते. तथापि, _.get() पद्धतीच्या विपरीत, पहिला युक्तिवाद अॅरे किंवा ऑब्जेक्ट असू शकतो. दुसरा युक्तिवाद प्रत्येक पुनरावृत्तीवर कॉल केलेले कार्य निर्दिष्ट करते. तिसरा इनपुट संकलनाचा आरंभ निर्देशांक आहे. कारण _.find() फंक्शन कलेक्शनमधील प्रत्येक घटकावर पुनरावृत्ती होते.
11. _.ग्रुपबाय
फंक्शनच्या परिणामानुसार (किंवा यादृच्छिकपणे निवडलेल्या गुणधर्माच्या नावाने) एक ऑब्जेक्ट तयार करा, ज्यामध्ये प्रत्येक मूल्य समान की असलेल्या ऑब्जेक्ट्सचे अॅरे आहे.
12. _.सेट
पद्धत _.set() ही पद्धत _.get() च्या उलट आहे. हे दिलेल्या पथावरील घटकाचे मूल्य बदलेल. ऑब्जेक्ट किंवा अॅरे हा पहिला पॅरामीटर आहे, पथ दुसरा आहे आणि तुम्ही सेट करू इच्छित असलेले मूल्य तिसरे आहे.
13. _.विलीन करा
हे Object.assign प्रमाणेच कार्य करते, त्याशिवाय ते मूळ रचनेत खोलवर जाऊन त्यांना बदलण्याऐवजी सखोल वस्तू अद्यतनित करते.
14. ._deburr
हे अगदी सरळ उदाहरण आहे. सर्व "डायक्रिटिकल मार्किंग्ज" काढून टाकले आहेत. अशा प्रकारे “é” “e” बनते. जेव्हा आंतरराष्ट्रीयीकरण आणि स्थानिकीकरण असते, तेव्हा शोध फंक्शन्ससाठी मजकूर डीब्युर करणे हा एक चांगला सराव आहे.
15. _.debounce
ही सर्वात प्रभावी Lodash धोरणांपैकी एक आहे. ते काय करते आणि तुम्ही ते कधी वापरावे हे समजणे देखील कठीण असू शकते. _.debounce() पद्धत फंक्शन परत करते. _.debounce() पद्धतीचे फंक्शन शेवटचे फंक्शन सुरू केल्यापासून विनिर्दिष्ट मिलीसेकंद संपेपर्यंत विनंती करण्यास विलंब करेल.
निष्कर्ष
Lodash जावास्क्रिप्ट भाषेचा एक शक्तिशाली विस्तार आहे. कमीत कमी प्रयत्नाने, एखादी व्यक्ती संक्षिप्त आणि कार्यक्षम कोड तयार करू शकते. Lodash देखील पूर्णपणे मॉड्यूलर आहे. जरी त्याच्या काही कार्यक्षमतेचा अंततः वापर केला जाऊ शकतो, तरीही मला विश्वास आहे की ते JS भाषेच्या उत्क्रांतीला चालना देताना विकासकांना अनेक फायदे देतील.
मला आशा आहे की या काही Lodash क्षमता तुम्हाला अॅरे, ऑब्जेक्ट्स आणि संग्रहांसह काम करताना Lodash किती शक्तिशाली असू शकतात हे पाहण्यात मदत करतील. आपण भेट देऊ शकता दस्तऐवज ते ऑफर करत असलेल्या इतर पर्यायांचा भरपूर शोध घेण्यासाठी.
प्रत्युत्तर द्या