जावास्क्रिप्ट फ़िल्टर

| | | | | | | | | | | | | | | | | | | | | | | | |

जावास्क्रिप्ट () फ़िल्टर विधि मौजूदा सरणी से तत्वों की एक सरणी बनाती है। फ़िल्टर () विधि कॉलबैक फ़ंक्शन को तर्क के रूप में लेती है। यह फ़ंक्शन मूल्यांकन करता है कि किसी आइटम को मौजूदा सूची से नई सूची में जोड़ा जाना चाहिए या नहीं।

यदि आप नहीं जानते हैं तो JavaScript , हो सकता है कि आपने Javascript फ़ंक्शन फ़िल्टर () और कम करें () के बारे में नहीं सुना हो। ऑब्जेक्ट्स की सूची के साथ काम करते समय ये फ़ंक्शन उपयोगी हो सकते हैं, जिसे सरणी भी कहा जाता है। फ़िल्टर () JavaScript फ़ंक्शन का उपयोग करने में सक्षम। इस ट्यूटोरियल में, हम उदाहरणों के संदर्भ में देखेंगे कि फ़िल्टर () फ़ंक्शन का उपयोग कैसे करें।

ऐरे को अपडेट करें < s pan class = "ez-toc-section-end">

A JavaScript array शून्य या अधिक तत्वों को संग्रहीत करता है। तत्व संख्याएँ, अन्य सरणियाँ, तार हो सकते हैं, या किसी अन्य प्रकार के डेटा का उपयोग कर सकते हैं। वे विशिष्ट वस्तुओं तक पहुँचने के लिए " 0 " से शुरू होने वाले क्रमांकित अनुक्रमणिका का उपयोग करते हैं। यह आपको बेहतर और साफ-सुथरा लिखने में मदद कर सकता है क्योंकि आपको अपने मूल्यों को संग्रहीत करने के लिए कई चर लिखने की आवश्यकता नहीं है।

यहां एक जावास्क्रिप्ट सरणी का एक उदाहरण दिया गया है:

JavaScript फिल्टर ऐरे

जावास्क्रिप्ट सरणी फ़िल्टर () विधि मौजूदा सरणी की सामग्री के आधार पर एक नई सरणी बनाती है। फ़िल्टर () विधि मौजूदा सरणी के प्रत्येक तत्व पर कॉलबैक फ़ंक्शन का मूल्यांकन करती है। कॉलबैक फ़ंक्शन की शर्त को पूरा करने वाली कोई भी चीज़ एक नई सूची में जोड़ दी जाती है।

फ़िल्टर विधि का उपयोग करके, हम उन मानों को पुनः प्राप्त करने में सक्षम होते हैं जो कुछ मानदंडों को पूरा करते हैं और उन्हें एक नई सरणी में जोड़ते हैं।

JavaScript सरणी फ़िल्टर सिंटैक्स

फ़िल्टर विधि निम्न सिंटैक्स का उपयोग करती है:

यह कोड "oldArr" सरणी की सामग्री के आधार पर "newArr" नामक एक सरणी को परिभाषित करता है। यदि कोई शर्त पूरी होती है तो हमारा कॉलबैक फ़ंक्शन नई सरणी के लिए एक मान लौटाता है। शर्तों के उदाहरण:

आप अपनी शर्तों को बनाने के लिए जावास्क्रिप्ट तुलना ऑपरेटरों का उपयोग कर सकते हैं। या आप if कथन का उपयोग कर सकते हैं। if कथन का उपयोग करने से आप यह नियंत्रित कर सकते हैं कि is को नई सूची में कौन सा जोड़ा गया है।

JavaScript फ़िल्टर के उदाहरण

नंबरों की सूची फ़िल्टर करें

आइए एक से शुरू करते हैं सरल उदाहरण। हमारे पास एक कैफे में खरीदारी की सूची है। हम एक नई सूची बनाना चाहते हैं जिसमें 10 डॉलर से अधिक की खरीदारी दिखाई दे।

हमारी खरीदारी सूची इस तरह दिखती है:

हम $ 10 से अधिक मूल्य की खरीदारी को पुनः प्राप्त करने के लिए फ़िल्टर () विधि का उपयोग कर सकते हैं:

हमारा प्रोग्राम यह जांचता है कि कोई ख़रीदी $10 से ज़्यादा की है या नहीं। कोई ख़रीद हमारी big_purchases सूची में जोड़ दी जाती है यदि उसकी कीमत $10 से अधिक हो। अन्यथा, खरीदारी छोड़ दी गई है।

big_purchases JavaScript वैरिएबल का मान है:

फ़िल्टर () विधि उन सभी तत्वों को लौटाती है जो हमारे द्वारा परिभाषित परीक्षण में इससे अधिक हैं। यह परीक्षण "आइटम> 10" है। यदि हम प्रत्येक खरीद को एक्सेस करना चाहते हैं, तो हम अपनी मूल "खरीदारी" सूची देख सकते हैं। हमारी फ़िल्टर () विधि $ 10 से अधिक के मानों की एक सरणी लौटाती है।

वस्तुओं की एक सरणी फ़िल्टर करें

हमारे पास एक सरणी है जिसमें एक स्कूल में सभी के नाम शामिल हैं :

और अगर हम केवल उन छात्रों को रिकवर करना चाहते हैं जो पहले वर्ष में हैं? फ़िल्टर () इसे आसान बनाता है। आइए एक फंक्शन लिखें जो "स्टूडेंट्स" एरे में सभी पहले ग्रेडर लौटाएगा:

फ़िल्टर () एक पैरामीटर स्वीकार करता है। यह एक फ़ंक्शन है जो निर्धारित करता है कि आप अपने डेटा पर क्या कार्रवाई करते हैं।

फ़ंक्शन () फ़िल्टर "स्टूडेंट्स" एरे में प्रत्येक ऑब्जेक्ट की जांच करता है। फ़िल्टर () उन छात्रों को लौटाता है जिनकी कक्षा "प्रथम वर्ष" के बराबर है। ऑपरेटर "===" का अर्थ समानता है।

फ़िल्टर फ़ंक्शन इन नए मानों के साथ एक नई सरणी बनाएगा, जिसे "firstGradeStudents" चर के माध्यम से एक्सेस किया जा सकता है।



निष्कर्ष

आप मौजूदा तालिका की सामग्री से एक नई तालिका बनाने के लिए फ़िल्टर () सरणी विधि का उपयोग कर सकते हैं। अनुक्रमणिका फ़िल्टर () विधि के नाम पर है। फ़िल्टर () मौजूदा सरणी के तत्वों को फ़िल्टर करता है।

और बस! अब आप और भी अधिक सुरक्षा के साथ जावास्क्रिप्ट में reduce () का उपयोग कर सकते हैं। जावास्क्रिप्ट में कोड करने के तरीके के बारे में अधिक जानने के लिए, शुरुआती लोगों के लिए सर्वोत्तम जावास्क्रिप्ट ट्यूटोरियल पर हमारा लेख पढ़ें।