जावास्क्रिप्ट फ़िल्टर:एक चरण-दर-चरण मार्गदर्शिका

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

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

यदि आप कभी किसी सरणी से केवल कुछ मान प्राप्त करना चाहते हैं, तो आप जावास्क्रिप्ट filter() का उपयोग कर सकते हैं समारोह। इस ट्यूटोरियल में, हम उदाहरणों के संदर्भ में चर्चा करेंगे कि फ़िल्टर () फ़ंक्शन का उपयोग कैसे करें।

सरणी पुनश्चर्या

एक जावास्क्रिप्ट सरणी शून्य या अधिक वस्तुओं को संग्रहीत करती है। आइटम नंबर, अन्य सरणियाँ, तार हो सकते हैं या किसी अन्य डेटा प्रकार का उपयोग कर सकते हैं। वे विशिष्ट वस्तुओं तक पहुँचने के लिए "0" से शुरू होने वाले क्रमांकित सूचकांकों का उपयोग करते हैं।

Arrays आपको एक ही वेरिएबल में कई मान संग्रहीत करने देता है। यह आपको बेहतर और साफ-सुथरा लिखने में मदद कर सकता है क्योंकि आपको अपने मूल्यों को संग्रहीत करने के लिए कई चर लिखने की आवश्यकता नहीं है।

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

let names = ["Alex", "Bill", "Connor", "Daniel", "Edna"];

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

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

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

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

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

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

var newArr = oldArr.filter(function(item) {
	return yourCondition;
});

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

• आइटम> 5
• आइटम =="जेसी"
• आइटम <3

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

जावास्क्रिप्ट उदाहरण फ़िल्टर करें

संख्याओं की सूची फ़िल्टर करें

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

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

var purchases = [2.50, 2.70, 10.50, 12.30, 9.60, 2.30, 3.40];

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

var big_purchases = purchases.filter(function(purchase) {
	return purchase > 10;
});

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

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

[10.5, 12.3]

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

ऑब्जेक्ट्स की एक सरणी फ़िल्टर करें

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

var students = [
	{
		id: 1,
		name: "Alex",
		class: "First Grade",
		age: 5
	},
{
		id: 2,
		name: "Bill",
		class: "First Grade",
		age: 5
	},
{
		id: 3,
		name: "Connor",
		class: "Second Grade",
		age: 6
	}
];

क्या होगा यदि हम केवल उन छात्रों को पुनः प्राप्त करना चाहते हैं जो पहली कक्षा में हैं? फ़िल्टर () इस ऑपरेशन को करना आसान बनाता है। आइए एक ऐसा फ़ंक्शन लिखें जो "छात्र" सरणी से सभी प्रथम-ग्रेडर लौटाएगा:

var firstGradeStudents = students.filter(function (student) {
	return student.class === “First Grade”;
});

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

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

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

निष्कर्ष

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

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