ऐरे मेथड्स जिनमें हर डेवलपर को महारत हासिल करनी चाहिए

जावास्क्रिप्ट में ऐरे मूलभूत डेटा स्ट्रक्चर हैं, और कुशल और सुरुचिपूर्ण कोड के लिए ऐरे मेथड्स में महारत हासिल करना महत्वपूर्ण है। ये मेथड्स आपको ऐरे में संग्रहीत डेटा को मैनिपुलेट करने, बदलने और विश्लेषण करने की अनुमति देते हैं, जिससे आपका समय बचता है और आपके कोड की पठनीयता में सुधार होता है। यह गाइड उन सबसे आवश्यक ऐरे मेथड्स का पता लगाएगा जिन्हें हर डेवलपर को जानना चाहिए, जिसमें व्यावहारिक उदाहरण और उपयोग के मामले शामिल हैं।

ऐरे मेथड्स में महारत क्यों हासिल करें?

• दक्षता: ऐरे मेथड्स ऐरे पर सामान्य ऑपरेशन करने के लिए अनुकूलित और संक्षिप्त तरीके प्रदान करते हैं।
• पठनीयता: बिल्ट-इन मेथड्स का उपयोग आपके कोड को समझने और बनाए रखने में आसान बनाता है।
• फंक्शनल प्रोग्रामिंग: कई ऐरे मेथड्स फंक्शनल प्रोग्रामिंग शैली को बढ़ावा देते हैं, जिससे कोड अधिक स्वच्छ और परीक्षण योग्य बनता है।
• क्रॉस-ब्राउज़र संगतता: जावास्क्रिप्ट ऐरे मेथड्स आधुनिक ब्राउज़रों में व्यापक रूप से समर्थित हैं।

आवश्यक ऐरे मेथड्स

1. ऐरे के माध्यम से पुनरावृति: forEach()

forEach() मेथड एक ऐरे में प्रत्येक एलिमेंट के लिए एक बार दिए गए फ़ंक्शन को निष्पादित करता है। यह ऐरे एलिमेंट्स पर पुनरावृति करने और उन पर क्रियाएं करने का एक सरल तरीका है।

सिंटैक्स:

array.forEach(function(currentValue, index, array) {
  // प्रत्येक एलिमेंट के लिए निष्पादित होने वाला कोड
});

उदाहरण:

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(number => {
  console.log(number * 2);
});
// आउटपुट: 2, 4, 6, 8, 10

उपयोग का मामला: एक सूची में आइटम प्रदर्शित करना, ऐरे एलिमेंट्स के गुणों को अपडेट करना।

2. ऐरे को बदलना: map()

map() मेथड कॉलिंग ऐरे में हर एलिमेंट पर दिए गए फ़ंक्शन को कॉल करने के परिणामों के साथ एक नया ऐरे बनाता है। यह डेटा को एक प्रारूप से दूसरे प्रारूप में बदलने के लिए उत्कृष्ट है।

सिंटैक्स:

const newArray = array.map(function(currentValue, index, array) {
  // बदले हुए मान को लौटाएं
});

उदाहरण:

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(number => number * number);
console.log(squaredNumbers);
// आउटपुट: [1, 4, 9, 16, 25]

उपयोग का मामला: प्रदर्शन के लिए डेटा को स्वरूपित करना, इकाइयों को परिवर्तित करना, संशोधित मानों के साथ एक नया ऐरे बनाना।

वैश्विक उदाहरण: कल्पना कीजिए कि आपके पास USD में मुद्रा मानों का एक ऐरे है, और आपको उन्हें EUR में बदलने की आवश्यकता है। आप EUR मानों का एक नया ऐरे बनाने के लिए एक एक्सचेंज रेट API के साथ map() का उपयोग कर सकते हैं।

3. ऐरे को फ़िल्टर करना: filter()

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

सिंटैक्स:

const newArray = array.filter(function(currentValue, index, array) {
  // एलिमेंट को रखने के लिए true लौटाएं, इसे बाहर करने के लिए false
});

उदाहरण:

const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(number => number % 2 === 0);
console.log(evenNumbers);
// आउटपुट: [2, 4, 6]

उपयोग का मामला: अवांछित डेटा को हटाना, खोज मानदंडों के आधार पर आइटम का चयन करना, उपयोगकर्ता की प्राथमिकताओं के आधार पर डेटा फ़िल्टर करना।

वैश्विक उदाहरण: विभिन्न देशों के उपयोगकर्ता ऑब्जेक्ट्स के एक ऐरे पर विचार करें। आप केवल एक विशिष्ट देश, जैसे "जापान" या "ब्राजील" के उपयोगकर्ताओं वाले नए ऐरे बनाने के लिए filter() का उपयोग कर सकते हैं।

4. ऐरे को कम करना: reduce()

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

सिंटैक्स:

const result = array.reduce(function(accumulator, currentValue, currentIndex, array) {
  // अपडेटेड संचायक लौटाएं
}, initialValue);

उदाहरण:

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum);
// आउटपुट: 15

उपयोग का मामला: योग, औसत की गणना, अधिकतम या न्यूनतम मान खोजना, स्ट्रिंग्स को जोड़ना।

वैश्विक उदाहरण: मान लीजिए आपके पास विभिन्न क्षेत्रों (जैसे, उत्तरी अमेरिका, यूरोप, एशिया) से बिक्री के आंकड़ों का एक ऐरे है। आप कुल वैश्विक बिक्री की गणना के लिए reduce() का उपयोग कर सकते हैं।

5. ऐरे खोजना: find(), findIndex(), includes(), indexOf(), lastIndexOf()

जावास्क्रिप्ट ऐरे खोजने के लिए कई मेथड्स प्रदान करता है:

• find(): ऐरे में पहले एलिमेंट का मान लौटाता है जो प्रदान की गई परीक्षण फ़ंक्शन को संतुष्ट करता है। यदि कोई एलिमेंट फ़ंक्शन को संतुष्ट नहीं करता है तो undefined लौटाता है।
• findIndex(): ऐरे में पहले एलिमेंट का इंडेक्स लौटाता है जो प्रदान की गई परीक्षण फ़ंक्शन को संतुष्ट करता है। यदि कोई एलिमेंट फ़ंक्शन को संतुष्ट नहीं करता है तो -1 लौटाता है।
• includes(): यह निर्धारित करता है कि ऐरे में उसकी प्रविष्टियों के बीच एक निश्चित मान शामिल है या नहीं, true या false लौटाता है।
• indexOf(): पहला इंडेक्स लौटाता है जिस पर एक दिया गया एलिमेंट ऐरे में पाया जा सकता है, या -1 यदि यह मौजूद नहीं है।
• lastIndexOf(): अंतिम इंडेक्स लौटाता है जिस पर एक दिया गया एलिमेंट ऐरे में पाया जा सकता है, या -1 यदि यह मौजूद नहीं है।

उदाहरण:

const numbers = [1, 2, 3, 4, 5];

const foundNumber = numbers.find(number => number > 3);
console.log(foundNumber); // आउटपुट: 4

const foundIndex = numbers.findIndex(number => number > 3);
console.log(foundIndex); // आउटपुट: 3

const includesThree = numbers.includes(3);
console.log(includesThree); // आउटपुट: true

const indexOfTwo = numbers.indexOf(2);
console.log(indexOfTwo); // आउटपुट: 1

const lastIndexOfFour = [1, 2, 3, 4, 4, 5].lastIndexOf(4);
console.log(lastIndexOfFour); // आउटपुट: 4

उपयोग के मामले: एक सूची में एक विशिष्ट उपयोगकर्ता खोजना, यह जांचना कि क्या कोई आइटम शॉपिंग कार्ट में मौजूद है, ऐरे में एक एलिमेंट की स्थिति का पता लगाना।

6. एलिमेंट्स जोड़ना और हटाना: push(), pop(), shift(), unshift(), splice()

ये मेथड्स एलिमेंट्स को जोड़कर या हटाकर मूल ऐरे को संशोधित करते हैं:

• push(): एक ऐरे के अंत में एक या अधिक एलिमेंट्स जोड़ता है और ऐरे की नई लंबाई लौटाता है।
• pop(): एक ऐरे से अंतिम एलिमेंट को हटाता है और उस एलिमेंट को लौटाता है।
• shift(): एक ऐरे से पहला एलिमेंट हटाता है और उस एलिमेंट को लौटाता है।
• unshift(): एक ऐरे की शुरुआत में एक या अधिक एलिमेंट्स जोड़ता है और ऐरे की नई लंबाई लौटाता है।
• splice(): मौजूदा एलिमेंट्स को हटाकर या बदलकर और/या जगह में नए एलिमेंट्स जोड़कर ऐरे की सामग्री को बदलता है।

उदाहरण:

const numbers = [1, 2, 3];

numbers.push(4, 5); // अंत में 4 और 5 जोड़ता है
console.log(numbers); // आउटपुट: [1, 2, 3, 4, 5]

const lastElement = numbers.pop(); // अंतिम एलिमेंट (5) को हटाता है
console.log(numbers); // आउटपुट: [1, 2, 3, 4]
console.log(lastElement); // आउटपुट: 5

const firstElement = numbers.shift(); // पहले एलिमेंट (1) को हटाता है
console.log(numbers); // आउटपुट: [2, 3, 4]
console.log(firstElement); // आउटपुट: 1

numbers.unshift(0); // शुरुआत में 0 जोड़ता है
console.log(numbers); // आउटपुट: [0, 2, 3, 4]

numbers.splice(1, 2, 10, 20); // इंडेक्स 1 से शुरू होने वाले 2 एलिमेंट्स को हटाता है, और 10 और 20 डालता है
console.log(numbers); // आउटपुट: [0, 10, 20, 4]

उपयोग के मामले: एक कतार का प्रबंधन करना, शॉपिंग कार्ट में आइटम जोड़ना, कार्यों की सूची अपडेट करना।

7. सब-ऐरे बनाना: slice()

slice() मेथड एक ऐरे के एक हिस्से की शैलो कॉपी को एक नए ऐरे ऑब्जेक्ट में लौटाता है जिसे start से end तक चुना जाता है (end शामिल नहीं है) जहां start और end उस ऐरे में आइटम के इंडेक्स का प्रतिनिधित्व करते हैं। मूल ऐरे को संशोधित नहीं किया जाएगा।

सिंटैक्स:

const newArray = array.slice(start, end);

उदाहरण:

const numbers = [1, 2, 3, 4, 5];
const subarray = numbers.slice(1, 4);
console.log(subarray); // आउटपुट: [2, 3, 4]
console.log(numbers); // आउटपुट: [1, 2, 3, 4, 5] (मूल ऐरे अपरिवर्तित)

उपयोग का मामला: प्रसंस्करण के लिए एक ऐरे का एक हिस्सा निकालना, एक ऐरे की एक प्रति बनाना।

8. ऐरे को सॉर्ट करना: sort()

sort() मेथड एक ऐरे के एलिमेंट्स को जगह में सॉर्ट करता है और सॉर्ट किए गए ऐरे को लौटाता है। डिफ़ॉल्ट सॉर्ट क्रम आरोही होता है, जो एलिमेंट्स को स्ट्रिंग्स में बदलने, फिर उनके UTF-16 कोड यूनिट मानों के अनुक्रमों की तुलना करने पर आधारित होता है।

सिंटैक्स:

array.sort(compareFunction);

compareFunction वैकल्पिक है। यदि छोड़ दिया जाता है, तो ऐरे एलिमेंट्स को स्ट्रिंग्स में बदल दिया जाता है और UTF-16 कोड यूनिट मान के अनुसार सॉर्ट किया जाता है। यदि आप संख्याओं को संख्यात्मक रूप से सॉर्ट करना चाहते हैं, तो आपको एक तुलना फ़ंक्शन प्रदान करने की आवश्यकता है।

उदाहरण:

const numbers = [3, 1, 4, 1, 5, 9, 2, 6];
numbers.sort(); // वर्णानुक्रम में सॉर्ट करता है (संख्याओं को स्ट्रिंग्स के रूप में मानते हुए)
console.log(numbers); // आउटपुट: [1, 1, 2, 3, 4, 5, 6, 9]

numbers.sort((a, b) => a - b); // संख्यात्मक रूप से सॉर्ट करता है (आरोही)
console.log(numbers); // आउटपुट: [1, 1, 2, 3, 4, 5, 6, 9]

numbers.sort((a, b) => b - a); // संख्यात्मक रूप से सॉर्ट करता है (अवरोही)
console.log(numbers); // आउटपुट: [9, 6, 5, 4, 3, 2, 1, 1]

उपयोग का मामला: उत्पादों की सूची को कीमत के अनुसार सॉर्ट करना, उपयोगकर्ताओं को नाम के अनुसार सॉर्ट करना, कार्यों को प्राथमिकता के अनुसार क्रमबद्ध करना।

9. ऐरे एलिमेंट्स का परीक्षण: every(), some()

ये मेथड्स परीक्षण करते हैं कि क्या ऐरे में सभी या कुछ एलिमेंट एक शर्त को पूरा करते हैं:

• every(): यह परीक्षण करता है कि क्या ऐरे के सभी एलिमेंट दिए गए फ़ंक्शन द्वारा लागू किए गए परीक्षण को पास करते हैं। यह एक बूलियन मान लौटाता है।
• some(): यह परीक्षण करता है कि क्या ऐरे में कम से कम एक एलिमेंट दिए गए फ़ंक्शन द्वारा लागू किए गए परीक्षण को पास करता है। यदि ऐरे में, यह एक ऐसा एलिमेंट पाता है जिसके लिए प्रदान किया गया फ़ंक्शन true लौटाता है, तो यह true लौटाता है; अन्यथा यह false लौटाता है। यह ऐरे को संशोधित नहीं करता है।

उदाहरण:

const numbers = [2, 4, 6, 8, 10];

const allEven = numbers.every(number => number % 2 === 0);
console.log(allEven); // आउटपुट: true

const someOdd = numbers.some(number => number % 2 !== 0);
console.log(someOdd); // आउटपुट: false

उपयोग का मामला: फॉर्म डेटा को मान्य करना, यह जांचना कि क्या सभी उपयोगकर्ताओं ने नियम और शर्तें स्वीकार कर ली हैं, यह निर्धारित करना कि क्या शॉपिंग कार्ट में कोई आइटम स्टॉक से बाहर है।

10. ऐरे एलिमेंट्स को जोड़ना: join()

join() मेथड एक ऐरे (या ऐरे-जैसे ऑब्जेक्ट) के सभी एलिमेंट्स को जोड़कर एक नई स्ट्रिंग बनाता है और लौटाता है, जो कॉमा या एक निर्दिष्ट विभाजक स्ट्रिंग द्वारा अलग किए जाते हैं। यदि ऐरे में केवल एक आइटम है, तो उस आइटम को विभाजक का उपयोग किए बिना लौटाया जाएगा।

सिंटैक्स:

const newString = array.join(separator);

उदाहरण:

const words = ["Hello", "World", "!"];
const sentence = words.join(" ");
console.log(sentence); // आउटपुट: Hello World !

उपयोग का मामला: मानों की कॉमा-पृथक सूची बनाना, सेगमेंट्स के एक ऐरे से एक URL पथ उत्पन्न करना।

सर्वोत्तम प्रथाएं

• वापसी मान को समझें: इस बात से अवगत रहें कि प्रत्येक मेथड क्या लौटाता है (एक नया ऐरे, एक एकल मान, एक बूलियन, आदि)।
• अपरिवर्तनीयता: map(), filter(), और slice() जैसे मेथड्स नए ऐरे बनाते हैं, जो मूल डेटा को संरक्षित रखते हैं। अप्रत्याशित दुष्प्रभावों से बचने के लिए जब भी संभव हो, मूल ऐरे को संशोधित करने वाले मेथड्स (push(), pop(), shift(), unshift(), splice(), sort()) पर इन्हें प्राथमिकता दें।
• चेनिंग: एक संक्षिप्त और पठनीय तरीके से जटिल ऑपरेशन करने के लिए कई ऐरे मेथड्स को मिलाएं। उदाहरण के लिए:

  const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
  const result = numbers
    .filter(number => number % 2 === 0) // सम संख्याओं को फ़िल्टर करें
    .map(number => number * 2); // 2 से गुणा करें
  console.log(result); // आउटपुट: [4, 8, 12, 16, 20]

• प्रदर्शन: जबकि ऐरे मेथड्स आम तौर पर कुशल होते हैं, बहुत बड़े ऐरे के साथ काम करते समय प्रदर्शन के प्रभावों पर विचार करें। कुछ मामलों में, एक पारंपरिक for लूप तेज हो सकता है।
• पठनीयता: वह मेथड चुनें जो आपके इरादे को सबसे अच्छी तरह से व्यक्त करता है। उदाहरण के लिए, सरल पुनरावृत्ति के लिए forEach(), परिवर्तन के लिए map(), और चयन के लिए filter() का उपयोग करें।

निष्कर्ष

जावास्क्रिप्ट ऐरे मेथड्स में महारत हासिल करना किसी भी वेब डेवलपर के लिए आवश्यक है। वे डेटा को मैनिपुलेट करने और बदलने के लिए शक्तिशाली और कुशल उपकरण प्रदान करते हैं, जिससे कोड अधिक स्वच्छ, पठनीय और रखरखाव योग्य बनता है। इन मेथड्स को प्रभावी ढंग से समझने और लागू करने से, आप अपने डेवलपमेंट कौशल में काफी सुधार कर सकते हैं और मजबूत एप्लिकेशन बना सकते हैं।

अपनी समझ को मजबूत करने और उनकी पूरी क्षमता को अनलॉक करने के लिए इन मेथड्स का विभिन्न परिदृश्यों में उपयोग करने का अभ्यास करें। हैप्पी कोडिंग!