Iterating over arrays with loops and methods like map(), filter(), and reduce() In Hindi
जावास्क्रिप्ट प्रोग्रामिंग में प्रोग्राम लूप ऐरे डाटा टाइप में पुनरावृति कर स्टार्ट टू एन्ड लूपिंग प्रोसेस को रिपीट करता है। जावास्क्रिप्ट प्रोग्राम में प्रोग्रामर मल्टीप्ल टाइप लूप को ऐरे में अप्लाई कर पर्टिकुलर कंडीशन को लूप कर सकते हैं, इसके अलावा बिल्ट-इन map(), filter(), और reduce() जैसी ऐरे मेथड को अप्लाई कर सकते हैं। प्रोग्रामर map(), filter(), और reduce() प्रत्येक मेथड को अलग-अलग तरीके से प्रोग्राम ऐरे में अप्लाई कर सकते हैं.
So, let’s explore the process of iterating over an array by applying both for loop and array methods in JavaScript.
Iteration Process in Traditional Loop.
For Loop in JavaScript.
कंप्यूटर प्रोग्रामिंग में फ़ॉर लूप यूजर डिफाइन ऐरे डाटा टाइप में स्टार्ट टू एन्ड कंडीशन में पुनरावृति अप्लाई करने का एक बेसिक मेथड है। फॉर लूप प्रोग्रामर को मौजूदा प्रोग्राम कंडीशन में पुनरावृत्ति प्रक्रिया पर फुल कण्ट्रोल प्रोवाइड करता है, जो की जावास्क्रिप्ट प्रोग्रामर को इंडेक्स और ऐरे एलिमेंट को एक्सेस करने में हेल्प करता है।
let course = [“O Level”, “A Level”, “B Level”, “C Level” ];
for (let p = 0; p < course.length; p++) {
console.log(course[p]);
}
Explanation of for loop.
इस प्रोग्राम में फ़ॉर लूप इंडेक्स 0 से स्टार्ट हो रहा है, और ऐरे के अंत (course.length) स्टार्ट से एन्ड तक लूप प्रोसेस कंटिन्यू है, जहा प्रत्येक ऐरे एलिमेंट के रिजल्ट को कंसोल स्क्रीन में प्रिंट करता है।
for…of loop with JavaScript.
जब जावास्क्रिप्ट प्रोग्रामर को इंडेक्स की जरूरत न हो, तो for…of लूप, ऐरे एलिमेंट पर पुनरावृति करने का एक अधिक आधुनिक और एडवांस्ड मेथड है।
let courses = [“O Level”, “A Level”, “B Level”, “C Level” ];
for (let course of courses) {
console.log(course);
}
for…of loop with JavaScript.
जावास्क्रिप्ट प्रोग्राम में for…of लूप ऐरे एलिमेंट वैल्यू में डायरेक्ट रिपीट करता है, इसका उपयोग तब होता है, जब प्रोग्रामर को इंडेक्स की जरूरत न हो, तो यह प्रोसेस अप्लाई फॉर लूप में अधिक डिटेल्ड प्रोसेस होता है।
JavaScript forEach() method.
जावास्क्रिप्ट प्रोग्राम में forEach() मेथड, जहा प्रत्येक ऐरे एलिमेंट के लिए अप्लाई किए गए फ़ंक्शन को एक्सेक्यूट करता है, यह प्रोसेस इंडेक्स प्रोसेस को मैन्युअल रूप से मैनेज किए बिना ऐरे में कंडीशन को प्रोग्राम में लूप कर सकते है।
let courses = [“O Level”, “A Level”, “B Level”, “C Level” ];
courses.forEach(function(course) {
console.log(course);
});
Explanation of forEach() method.
इस प्रोग्राम में forEach() मेथड ऐरे एलिमेंट को लूप में रिपीट करता है, और प्रत्येक ऐरे एलिमेंट आइटम के लिए दिए गए फ़ंक्शन को एक्सेक्यूट करता है।
courses.forEach(course => console.log(course));
Array methods for iteration in JavaScript programming.
map() Method Array method.
जावास्क्रिप्ट प्रोग्राम में map() मेथड ऐरे डाटा टाइप के प्रत्येक एलिमेंट में दिए गए फ़ंक्शन को कॉल कर ऐरे रिजल्ट विंडो को क्रिएट करती है। यह प्रोसेस प्रोग्राम में दिए गए फंडामेंटल ऐरे को मॉडिफाई नहीं करती है।
let integer = [3, 7, 9, 10, 11, 14];
let tripplled = integer.map(int => int * 3);
console.log(tripplled); // Result – [ 9, 21, 27, 30, 33, 42 ]
Explanation of map() Method.
यहाँ map() मेथड प्रत्येक ऐरे एलिमेंट में (int => int * 3) फ़ंक्शन को अप्लाई करती है, और तिगुने वैल्यू वाली एक नई ऐरे वैल्यू को रिटर्न करती है। इससे से मूल ऐरे प्रभावित नहीं होती है।
filter() method in array.
जावास्क्रिप्ट प्रोग्राम में filter() मेथड दिए गए प्रोग्राम फ़ंक्शन द्वारा एक्सेक्यूट और टेस्टिंग में पास किये गए सभी ऐरे एलिमेंट से एक नई ऐरे को क्रिएट करता है। यहाँ फ़िल्टर() फंक्शन प्रोग्रामर को अनवांटेड ऐरे एलिमेंट को फ़िल्टर करने की परमिशन प्रोवाइड करता है।
let integers = [100, 77, 22, 44, 57, 60, 80];
let evenIntegers = integers.filter(int => int % 2 === 0);
console.log(evenIntegers); // Result – [ 100, 22, 44, 60, 80 ]
Explanation of the filter() method.
यहाँ filter() मेथड एक नई ऐरे वैल्यू को रिटर्न करती है, इसमें केवल वे ऐरे एलिमेंट होते हैं, जो int % 2 === 0 प्रोग्राम कंडीशन को कम्पलीट करता हैं, जो की मौजूदा ऐरे एलिमेंट में इवन नंबर को चेक कर प्रिंट करता है।
reduce() Method in Array.
जावास्क्रिप्ट प्रोग्राम में reduce() मेथड ऐरे के प्रत्येक एलिमेंट को बाएँ से दाएँ आर्डर में एक रिड्यूसर फ़ंक्शन को अप्लाई करता है, और यह एक एकल संचित रिजल्ट को रिटर्न करता है। यह मेथड ऐरे के वैल्यू को ग्रुप या संचित करने के लिए हेल्पफुल है।
let integers = [9, 8, 7, 2, 3, 4];
let total = integers.reduce((acc, int) => acc + int, 0);
console.log(total); // Result – 33
Explanation of reduce() method.
प्रोग्राम में reduce() मेथड ऐरे के हर एलिमेंट को रिपीट करता है, और यहाँ reducer फ़ंक्शन (acc, int) => acc + int प्रत्येक इन्टिजर को संचायक (acc) में ऐड करता है। अंत में 0 संचायक के प्रारंभिक वैल्यू को आउटपुट के रूप में डिस्प्ले करता है।
some() and every() methods in JavaScript.
- some() – यह मौजूदा जावास्क्रिप्ट ऐरे प्रोग्राम में चेक करता है कि ऐरे में कम से कम एक एलिमेंट टेस्टिंग में पास होता है, या नहीं है।
- every() – यह मौजूदा ऐरे प्रोग्राम में चेक करता है कि ऐरे का प्रत्येक एलिमेंट टेस्टिंग में पास होता है, या नहीं है।
let integers = [22, 33, 88, 11, 90, 81];
let checkeven = integers.some(int => int % 2 === 0);
console.log(checkeven); // Result – true ( there are some even numbers)
let testeven = integers.every(int => int % 2 === 0);
console.log(testeven); // Result – false (all are not even number)
Explanation of some() and every() methods.
some() फंक्शन ट्रू वैल्यू रिटर्न करता है, यदि मौजूदा ऐरे लिस्ट में कम से कम एक ऐरे एलिमेंट कंडीशन को कम्पलीट करता है।
every() फंक्शन केवल तभी ट्रू रिजल्ट रिटर्न करता है, जब प्रत्येक एलिमेंट कंडीशन को पूरा करता है।
find() Method in JavaScript.
जावास्क्रिप्ट प्रोग्राम में find() ऐरे मेथड उस पहले ऐरे फाइंड एलिमेंट को रिटर्न करता है, जो दिए गए टेस्ट फ़ंक्शन को संतुष्ट करता है।
let integers = [9, 7, 8, 2, 4, 11];
let checkEven = integers.find(int => int % 2 === 0);
console.log(checkEven); // Result – 8
Explanation of find() Method.
इस प्रोग्राम में find() मेथड मौजूदा ऐरे में उस पहले एलिमेंट को रिटर्न करता है, जो कंडीशन (int % 2 === 0) को कम्पलीट करता है, जो इस कंडीशन में 8 ऐरे वैल्यू है।
Let Comparison of traditional Loops vs. Array Methods
| Array Method | Purpose of method | It Modifies Array? | Returns value |
| for Loop | General-purpose array loop for array program | No | undefined |
| for…of | It used to apply Loop through array values (without index) | No | undefined |
| forEach() | It used to Iterate over each element and execute a function | No | undefined |
| map() | Map function used to Create a new array with results from each array element | No | New array |
| filter() | Filter function used to Create a new array with elements that pass a test in array list | No | New array |
| reduce() | This function used t Reduce the array to a single value in result | No | Single value |
| some() | This function used to Check if at least one element passes a test in group array element | No | true or false |
| every() | This function used to Check if all elements pass a test with Boolean result | No | true or false |
| find() | This function used to Find the first element that passes a test of array list | No | Single value |
Summary of JavaScript program iteration techniques.
- Loop (for, for…of) – यह लूप प्रोग्रामर को ऐरे प्रोग्राम में सूचकांकों सहित पुनरावृत्ति पर कम्पलीट कण्ट्रोल प्रोवाइड करता हैं।
- forEach() – मेथड है, जो हर ऐरे एलिमेंट में एक फ़ंक्शन को अप्लाई करता है, लेकिन कुछ भी रिटर्न नहीं करता है। यह मौजूदा ऐरे को मॉडिफाई किए बिना पुनरावृत्ति के लिए एक बेसिक मेथड है।
- map() – यह मौजूदा ऐरे में रूपांतरित एलिमेंट के साथ एक नई ऐरे को क्रिएट करता है।
- filter() – यह एक स्पेसिफिक कंडीशन को कम्पलीट करने वाले एलिमेंट के साथ एक नई ऐरे को क्रिएट करता है।
- reduce() – यह ऐरे के एलिमेंट के आधार पर एक एकल मान, जैसे योग या गुणनफल, संचित कर डिस्प्ले करता है।
- some() / every() – यह मौजूदा ऐरे में दी गई कंडीशन की जाँच करता है, और एक बूलियन वैल्यू ट्रू या फाल्स वैल्यू को रिटर्न करता है।
- find() – यह मौजूदा ऐरे लिस्ट में दी गई कंडीशन से मेल खाने वाले पहले ऐरे एलिमेंट को फाइंड कर डिस्प्ले करता है।
