map और filter — आवश्यक बातें
map और filter से डेटा को बदलें और चुनें; उन्हें चेन करें तथा सुरक्षित कोड के लिए म्यूटेशन से बचें।
map और filter — आवश्यक बातें, CoddyKit पर JavaScript Academy का एक निःशुल्क पाठ है। यह 2 में से 1वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह JavaScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। JavaScript Academy पाठ्यक्रम में कुल 2 पाठ शामिल हैं।
map और filter का परिचय
लक्ष्य: map से आइटम बदलना और filter से आइटम चुनना।
- map: बदलाव करना
- filter: चुनना
- map → filter की शृंखला
- बदलाव न करना
map की मूल बातें
map हर एलिमेंट पर एक फ़ंक्शन लागू करता है और एक नया ऐरे लौटाता है (लंबाई समान रहती है)।
// map transforms each value and returns a new array
const nums = [1, 2, 3];
const doubled = nums.map(function (n) {
return n * 2;
});
console.log("nums:", nums);
console.log("doubled:", doubled);
filter की मूल बातें
filter केवल वे आइटम लौटाता है जिनके लिए आपका कॉलबैक true लौटाता है (लंबाई बदल सकती है)।
// filter keeps values that pass the test
const values = [1, 2, 3, 4, 5];
const evens = values.filter(function (n) {
return n % 2 === 0;
});
console.log("values:", values);
console.log("evens:", evens);
शृंखला का उदाहरण
चरणों को मिलाइए: बदलाव करने के लिए map, फिर चुनने के लिए filter।
// Chain methods for clarity
const prices = [4, 7, 10];
// First add tax, then keep items over 8
const withTax = prices.map(function (p) {
return p * 1.1;
});
const expensive = withTax.filter(function (p) {
return p > 8;
});
console.log("withTax:", withTax);
console.log("expensive:", expensive);
बदलाव न करने का प्रदर्शन
अपरिवर्तनीयता: map/filter नए ऐरे लौटाते हैं; मूल ऐरे अपरिवर्तित रहता है।
// map and filter do not mutate the original array
const base = [2, 4, 6];
const plusOne = base.map(function (n) {
return n + 1;
});
const small = base.filter(function (n) {
return n < 5;
});
console.log("base:", base);
console.log("plusOne:", plusOne);
console.log("small:", small);
साफ़ ऐरे के लिए सुझाव
सुझाव:
- स्पष्टता के लिए छोटे कॉलबैक के अच्छे नाम रखिए (n, item)।
- शृंखलाएँ छोटी रखिए (अधिकतम 2–3 चरण)।
- शुद्ध कॉलबैक को प्राथमिकता दीजिए (कोई दुष्प्रभाव नहीं)।
map बनाम filter प्रश्नोत्तरी
त्वरित जाँच: हर एलिमेंट में बदलाव करना।
पुनरावलोकन
पुनरावलोकन: मानों को रूपांतरित करने के लिए map, कुछ मान चुनने के लिए फ़िल्टर का उपयोग करें और मूल सरणी को बदले बिना उन्हें श्रृंखलाबद्ध करें।
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 59
- पाठ
- 200
अक्सर पूछे जाने वाले प्रश्न
क्या “map और filter — आवश्यक बातें” पाठ निःशुल्क है?
हाँ — JavaScript Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “map और filter — आवश्यक बातें” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। JavaScript Academy पाठ्यक्रम में कुल 2 पाठ शामिल हैं।
“map और filter — आवश्यक बातें” में मैं क्या सीखूँगा?
map और filter से डेटा को बदलें और चुनें; उन्हें चेन करें तथा सुरक्षित कोड के लिए म्यूटेशन से बचें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ JavaScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या JavaScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर JavaScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 2 में से 1वाँ पाठ है।
“map और filter — आवश्यक बातें” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस JavaScript Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर JavaScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- map और filter — आवश्यक बातें
- reduce, some/every, find — सरल तरीके