paint-brush
ऐरे मैनीपुलेशन: जावास्क्रिप्ट ऐरे मेथड्स को समझनाद्वारा@deewyne
6,052 रीडिंग
6,052 रीडिंग

ऐरे मैनीपुलेशन: जावास्क्रिप्ट ऐरे मेथड्स को समझना

द्वारा Daniel Yerimah11m2023/01/09
Read on Terminal Reader

बहुत लंबा; पढ़ने के लिए

जावास्क्रिप्ट सरणियाँ डेटा प्रकार हैं जो तत्वों के संग्रह को संग्रहीत कर सकते हैं। ये तत्व किसी भी डेटा प्रकार के हो सकते हैं, जिसमें संख्याएँ, स्ट्रिंग्स और ऑब्जेक्ट शामिल हैं। जावास्क्रिप्ट में सरणियाँ गतिशील हैं, जिसका अर्थ है कि आप उनके बनने के बाद उनमें तत्वों को जोड़ या हटा सकते हैं। इस ट्यूटोरियल में हम सभी जावास्क्रिप्ट ऐरे मेथड्स पर गौर करेंगे और यह देखेंगे कि व्यवहार में उन्हें कैसे लागू किया जाता है।
featured image - ऐरे मैनीपुलेशन: जावास्क्रिप्ट ऐरे मेथड्स को समझना
Daniel Yerimah HackerNoon profile picture

जावास्क्रिप्ट में ऐरे क्या हैं? जावास्क्रिप्ट सरणियाँ डेटा प्रकार हैं जो तत्वों के संग्रह को संग्रहीत कर सकते हैं। ये तत्व किसी भी डेटा प्रकार के हो सकते हैं, जिसमें संख्याएँ, स्ट्रिंग्स और ऑब्जेक्ट शामिल हैं। जावास्क्रिप्ट में सरणियाँ गतिशील हैं, जिसका अर्थ है कि आप उनके बनने के बाद उनमें तत्वों को जोड़ या हटा सकते हैं।


इस ट्यूटोरियल में, हम सभी जावास्क्रिप्ट ऐरे मेथड्स और उन्हें व्यवहार में कैसे लागू किया जाता है, इस पर ध्यान देंगे।


सरणी विधियों के प्रकार

जावास्क्रिप्ट सरणियों में हेरफेर करने के कई तरीके हैं। इनमें से कुछ तरीके हैं:

1. संक्षिप्त ()

इस विधि का उपयोग दो या दो से अधिक सरणियों को मर्ज करने के लिए किया जाता है। यह मूल सरणियों को संशोधित नहीं करता है, बल्कि एक नया सरणी देता है जिसमें मूल सरणियों के तत्व होते हैं।


जावास्क्रिप्ट में `कॉनकैट ()` का उपयोग कैसे किया जा सकता है इसका एक उदाहरण यहां दिया गया है:


 const array1 = [1, 2, 3]; const array2 = [4, 5, 6]; const array3 = [7, 8, 9]; const mergedArray = array1.concat(array2, array3); // mergedArray is [1, 2, 3, 4, 5, 6, 7, 8, 9]


ऊपर दिए गए उदाहरण में, array1, array2, और array3 सभी को एक एकल सरणी में मिला दिया गया है जिसे `mergedArray` कहा जाता है। `concat()` किसी भी संख्या में सरणियों को तर्क के रूप में लेता है और एक नया सरणी देता है जिसमें मूल सरणियों के सभी तत्व होते हैं।


आप गैर-सरणी मानों के साथ सरणियों को मर्ज करने के लिए `कॉनकैट ()` का भी उपयोग कर सकते हैं। उदाहरण के लिए:


 const array1 = [1, 2, 3]; const mergedArray = array1.concat(4, 5, 6); // mergedArray is [1, 2, 3, 4, 5, 6]


इस स्थिति में, `मर्जअरे` बनाने के लिए मान 4, 5 और 6 को सरणी1 के अंत में जोड़ा जाता है।


ध्यान दें कि `concat ()` मूल सरणियों को संशोधित नहीं करता है। इसके बजाय, यह एक नई सरणी बनाता है जिसमें मूल सरणियों के तत्व शामिल होते हैं। यदि आप किसी सरणी को जगह में संशोधित करना चाहते हैं, तो आप इसके बजाय `पुश ()` विधि का उपयोग कर सकते हैं।


2. शामिल हों ()

इस विधि का उपयोग किसी सरणी के सभी तत्वों को एक स्ट्रिंग में जोड़ने के लिए किया जाता है। यह एक वैकल्पिक विभाजक पैरामीटर लेता है, जो परिणामी स्ट्रिंग में सरणी के तत्वों को अलग करने के लिए उपयोग किए जाने वाले वर्ण को निर्दिष्ट करता है। यदि कोई विभाजक प्रदान नहीं किया जाता है, तो तत्वों को अल्पविराम से अलग किया जाता है।


जावास्क्रिप्ट में `जॉइन ()` का उपयोग कैसे किया जा सकता है इसका एक उदाहरण यहां दिया गया है:


 const array = ['apple', 'banana', 'orange']; const fruitString = array.join(); // fruitString is 'apple,banana,orange' const array = [1, 2, 3]; const numberString = array.join('-'); // numberString is '1-2-3'


पहले उदाहरण में, सरणी के तत्वों को विभाजक के रूप में अल्पविराम के साथ एक स्ट्रिंग में जोड़ा जाता है। दूसरे उदाहरण में, सरणी के तत्वों को विभाजक के रूप में एक हाइफ़न के साथ एक स्ट्रिंग में जोड़ा जाता है।


आप नेस्टेड सरणियों की एक स्ट्रिंग बनाने के लिए सरणियों की एक सरणी पर `जॉइन ()` का भी उपयोग कर सकते हैं:


 const array = [[1, 2], [3, 4], [5, 6]]; const nestedArrayString = array.join('-'); // nestedArrayString is '1,2-3,4-5,6'


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


3. पॉप ()

इस विधि का उपयोग किसी सरणी के अंतिम तत्व को हटाने और उसे वापस करने के लिए किया जाता है। यह मूल सरणी को संशोधित करता है।


जावास्क्रिप्ट में `पॉप ()` का उपयोग कैसे किया जा सकता है इसका एक उदाहरण यहां दिया गया है:


 const array = [1, 2, 3, 4, 5]; const lastElement = array.pop(); // lastElement is 5 // array is [1, 2, 3, 4]


इस उदाहरण में, `पॉप ()` विधि अंतिम तत्व (5) को सरणी से हटा देती है और इसे `lastElement` चर के लिए निर्दिष्ट करती है। सरणी को अंतिम तत्व को हटाने के लिए संशोधित किया जाता है, इसे 4 की लंबाई के साथ छोड़ दिया जाता है।


आप सरणी के अंत में तत्वों को जोड़ने के लिए `पुश ()` जैसे अन्य सरणी विधियों के संयोजन में `पॉप ()` का भी उपयोग कर सकते हैं:


 const array = [1, 2, 3]; array.push(4); array.pop(); // array is [1, 2, 3]


इस उदाहरण में, `पुश ()` विधि तत्व 4 को सरणी के अंत में जोड़ती है, और फिर `पॉप ()` विधि इसे फिर से हटा देती है, जिससे सरणी अपरिवर्तित रहती है।


ध्यान दें कि यदि सरणी खाली है, `पॉप ()` अपरिभाषित देता है।


 const array = []; const element = array.pop(); // element is undefined


4. धक्का ()

इस विधि का उपयोग किसी सरणी के अंत में एक या अधिक तत्वों को जोड़ने के लिए किया जाता है। यह मूल सरणी को संशोधित करता है और सरणी की नई लंबाई लौटाता है।


जावास्क्रिप्ट में पुश() का उपयोग कैसे किया जा सकता है इसका एक उदाहरण यहां दिया गया है:


 const array = [1, 2, 3]; const newLength = array.push(4, 5, 6); // array is [1, 2, 3, 4, 5, 6] // newLength is 6


इस उदाहरण में, पुश () विधि तत्व 4, 5 और 6 को सरणी के अंत में जोड़ती है और सरणी की नई लंबाई (6) लौटाती है। फिर इन तत्वों को शामिल करने के लिए सरणी को संशोधित किया जाता है।


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


 const array = [1, 2, 3]; const newLength = array.push([4, 5, 6]); // array is [1, 2, 3, [4, 5, 6]] // newLength is 4


इस उदाहरण में, पुश () विधि सरणी [4, 5, 6] को सरणी के अंत में एक तत्व के रूप में जोड़ती है, और सरणी की नई लंबाई (4) लौटाती है।


ध्यान दें कि पुश () मूल सरणी को संशोधित करता है। यदि आप एक नई सरणी बनाना चाहते हैं जिसमें मूल सरणी के तत्व शामिल हैं, तो आप इसके बजाय concat() विधि का उपयोग कर सकते हैं।

5. पारी ()

इस विधि का उपयोग किसी सरणी के पहले तत्व को हटाने और उसे वापस करने के लिए किया जाता है। यह मूल सरणी को संशोधित करता है।


यहाँ एक उदाहरण दिया गया है कि कैसे जावास्क्रिप्ट में शिफ्ट () का उपयोग किया जा सकता है:


 const array = [1, 2, 3, 4, 5]; const firstElement = array.shift(); // firstElement is 1 // array is [2, 3, 4, 5]


इस उदाहरण में, शिफ्ट () विधि पहले तत्व (1) को सरणी से हटाती है और इसे फर्स्ट एलिमेंट वैरिएबल को असाइन करती है। सरणी को पहले तत्व को हटाने के लिए संशोधित किया जाता है, इसे 4 की लंबाई के साथ छोड़ दिया जाता है।


आप सरणी की शुरुआत में तत्वों को जोड़ने के लिए अन्य सरणी विधियों, जैसे अनशिफ्ट () के संयोजन में शिफ्ट () का उपयोग कर सकते हैं:


 const array = [1, 2, 3]; array.unshift(0); array.shift(); // array is [1, 2, 3]


इस उदाहरण में, अनशिफ्ट () विधि तत्व 0 को सरणी की शुरुआत में जोड़ती है, और फिर शिफ्ट () विधि इसे फिर से हटा देती है, जिससे सरणी अपरिवर्तित रहती है।


ध्यान दें कि यदि सरणी खाली है, तो शिफ्ट () अपरिभाषित है।


 const array = []; const element = array.shift(); // element is undefined


6. अनशिफ्ट ()

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


जावास्क्रिप्ट में अनशिफ्ट () का उपयोग कैसे किया जा सकता है इसका एक उदाहरण यहां दिया गया है:


 const array = [1, 2, 3]; const newLength = array.unshift(4, 5, 6); // array is [4, 5, 6, 1, 2, 3] // newLength is 6


इस उदाहरण में, अनशिफ्ट () विधि सरणी की शुरुआत में 4, 5 और 6 तत्वों को जोड़ती है और सरणी की नई लंबाई (6) लौटाती है। शुरुआत में इन तत्वों को शामिल करने के लिए सरणी को संशोधित किया जाता है।


आप किसी अन्य सरणी की शुरुआत में तत्वों की एक सरणी जोड़ने के लिए अनशिफ्ट () का भी उपयोग कर सकते हैं:


 const array = [1, 2, 3]; const newLength = array.unshift([4, 5, 6]); // array is [[4, 5, 6], 1, 2, 3] // newLength is 4


इस उदाहरण में, अनशिफ्ट () विधि सरणी [4, 5, 6] को सरणी की शुरुआत में एक तत्व के रूप में जोड़ती है, और सरणी की नई लंबाई (4) लौटाती है।


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


7. टुकड़ा ()

इस पद्धति का उपयोग किसी सरणी के एक भाग को निकालने और एक नई सरणी वापस करने के लिए किया जाता है। यह मूल सरणी को संशोधित नहीं करता है। स्लाइस विधि दो वैकल्पिक पैरामीटर लेती है: एक स्टार्ट इंडेक्स और एक एंड इंडेक्स।

यदि स्टार्ट इंडेक्स निर्दिष्ट नहीं है, तो यह एरे की शुरुआत के लिए डिफॉल्ट करता है। यदि अंतिम अनुक्रमणिका निर्दिष्ट नहीं है, तो यह सरणी के अंत में डिफ़ॉल्ट है।


जावास्क्रिप्ट में स्लाइस() का उपयोग कैसे किया जा सकता है इसका एक उदाहरण यहां दिया गया है:


 const array = [1, 2, 3, 4, 5]; const slice = array.slice(1, 3); // slice is [2, 3] // array is [1, 2, 3, 4, 5] (unchanged)


इस उदाहरण में, स्लाइस () विधि सरणी से 1 और 2 (2 और 3) के तत्वों को निकालती है और उन्हें स्लाइस नामक एक नई सरणी में लौटाती है। मूल सरणी संशोधित नहीं है।


आप स्लाइस () का उपयोग एकल तर्क के साथ भी कर सकते हैं, जो स्टार्ट इंडेक्स को इंगित करता है:


 const array = [1, 2, 3, 4, 5]; const slice = array.slice(2); // slice is [3, 4, 5] // array is [1, 2, 3, 4, 5] (unchanged)


इस स्थिति में, स्लाइस () विधि सरणी के सभी तत्वों को इंडेक्स 2 (सम्मिलित) से सरणी के अंत तक निकालती है।


आप स्लाइस () के साथ नकारात्मक सूचकांकों का भी उपयोग कर सकते हैं, जो सरणी के अंत के सापेक्ष तत्व की स्थिति को इंगित करता है:


 const array = [1, 2, 3, 4, 5]; const slice = array.slice(-2); // slice is [4, 5] // array is [1, 2, 3, 4, 5] (unchanged)


इस स्थिति में, स्लाइस () विधि सरणी के अंतिम दो तत्वों को निकालती है।

ध्यान दें कि यदि स्टार्ट इंडेक्स एंड इंडेक्स से अधिक है, तो स्लाइस () एक खाली सरणी देता है।


8. ब्याह ()

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


ब्याह () विधि में कम से कम दो तर्क होते हैं: एक स्टार्ट इंडेक्स और एक डिलीट काउंट। स्टार्ट इंडेक्स वह इंडेक्स है जिस पर ब्याह शुरू होता है, और डिलीट काउंट हटाए जाने वाले तत्वों की संख्या है।


यहाँ एक उदाहरण दिया गया है कि कैसे ब्याह () का उपयोग किसी सरणी से तत्वों को निकालने के लिए किया जा सकता है:


 const array = [1, 2, 3, 4, 5]; const removedElements = array.splice(1, 2); // removedElements is [2, 3] // array is [1, 4, 5]


इस उदाहरण में, ब्याह () विधि सरणी से 1 और 2 (2 और 3) के तत्वों को हटा देती है और उन्हें हटाए गए तत्वों नामक एक नई सरणी में वापस कर देती है। इन तत्वों को हटाने के लिए मूल सरणी को संशोधित किया गया है।


आप सरणी में तत्वों को जोड़ने के लिए ब्याह () का भी उपयोग कर सकते हैं:


 const array = [1, 2, 3]; const removedElements = array.splice(1, 0, 4, 5, 6); // removedElements is [] // array is [1, 4, 5, 6, 2, 3]


इस स्थिति में, ब्याह () विधि इंडेक्स 1 पर तत्वों को 4, 5, और 6 को सरणी में जोड़ती है, और डिलीट काउंट 0 है, इसलिए कोई तत्व नहीं हटाया जाता है। इन तत्वों को शामिल करने के लिए मूल सरणी को संशोधित किया गया है।


आप एक ही समय में तत्वों को जोड़ने और निकालने के लिए ब्याह () का भी उपयोग कर सकते हैं:


 const array = [1, 2, 3, 4, 5]; const removedElements = array.splice(1, 2, 6, 7); // removedElements is [2, 3] // array is [1, 6, 7, 4, 5]


इस उदाहरण में, ब्याह () विधि सरणी से 1 और 2 (2 और 3) के तत्वों को हटा देती है और उसी सूचकांक में 6 और 7 तत्वों को जोड़ती है। जोड़े गए तत्वों को शामिल करने और हटाए गए तत्वों को हटाने के लिए मूल सरणी को संशोधित किया गया है।


ध्यान दें कि यदि स्टार्ट इंडेक्स सरणी की लंबाई से अधिक है, तो ब्याह () किसी भी तत्व को जोड़ता या हटाता नहीं है, लेकिन केवल एक खाली सरणी देता है।


9. उल्टा ()

इस पद्धति का उपयोग किसी सरणी में तत्वों के क्रम को उलटने के लिए किया जाता है। यह मूल सरणी को संशोधित करता है।


जावास्क्रिप्ट में रिवर्स() का उपयोग कैसे किया जा सकता है इसका एक उदाहरण यहां दिया गया है:


 const array = [1, 2, 3, 4, 5]; array.reverse(); // array is [5, 4, 3, 2, 1]


इस उदाहरण में, रिवर्स () विधि सरणी में तत्वों के क्रम को उलट देती है, जिससे कि पहला तत्व अंतिम हो जाता है और अंतिम तत्व पहला हो जाता है।


आप वस्तुओं की एक सरणी पर रिवर्स () का भी उपयोग कर सकते हैं:


 const array = [{id: 1}, {id: 2}, {id: 3}]; array.reverse(); // array is [{id: 3}, {id: 2}, {id: 1}]


इस स्थिति में, रिवर्स () विधि सरणी में वस्तुओं के क्रम को उलट देती है।


ध्यान दें कि रिवर्स () मूल सरणी को संशोधित करता है। यदि आप एक नई सरणी बनाना चाहते हैं जो मूल सरणी के विपरीत है, तो आप एक साथ स्लाइस () और रिवर्स () विधियों का उपयोग कर सकते हैं:


 const array = [1, 2, 3, 4, 5]; const reversedArray = array.slice().reverse(); // reversedArray is [5, 4, 3, 2, 1] // array is [1, 2, 3, 4, 5] (unchanged)


इस उदाहरण में, स्लाइस () विधि सरणी की उथली प्रतिलिपि बनाती है, और रिवर्स () विधि प्रतिलिपि में तत्वों को उलट देती है, जिससे मूल सरणी अपरिवर्तित रहती है।


10. क्रमबद्ध करें ()

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


यहाँ एक उदाहरण दिया गया है कि कैसे जावास्क्रिप्ट में सॉर्ट () का उपयोग किया जा सकता है:


 const array = [5, 2, 4, 1, 3]; array.sort(); // array is [1, 2, 3, 4, 5]


इस उदाहरण में, सॉर्ट () विधि सरणी के तत्वों को आरोही क्रम में क्रमबद्ध करती है।


कस्टम सॉर्ट ऑर्डर निर्दिष्ट करने के लिए आप इसके तर्क के रूप में तुलना फ़ंक्शन के साथ सॉर्ट () का भी उपयोग कर सकते हैं:


 const array = [{name: 'John'}, {name: 'Jane'}, {name: 'Bob'}]; array.sort((a, b) => a.name.localeCompare(b.name)); // array is [{name: 'Bob'}, {name: 'Jane'}, {name: 'John'}]


इस मामले में, सॉर्ट () विधि localeCompare () विधि का उपयोग करके वस्तुओं को उनके नाम गुणों के आधार पर सरणी में सॉर्ट करती है। ध्यान दें कि सॉर्ट () मूल सरणी को संशोधित करता है।


साथ ही डिफ़ॉल्ट रूप से, सॉर्ट () सरणी के तत्वों को स्ट्रिंग्स में परिवर्तित करता है और उन्हें उनके यूनिकोड बिंदु मानों के आधार पर सॉर्ट करता है। इससे गैर-स्ट्रिंग मानों के लिए अनपेक्षित परिणाम हो सकते हैं. उदाहरण के लिए:


 const array = [10, 5, 8, 1, 7]; array.sort(); // array is [1, 10, 5, 7, 8]


इस स्थिति में, सॉर्ट () विधि संख्याओं को क्रमबद्ध करने से पहले स्ट्रिंग्स में परिवर्तित करती है, इसलिए परिणामी सरणी संख्यात्मक क्रम में नहीं होती है। संख्यात्मक क्रम में सरणी को सॉर्ट करने के लिए, आप तुलना फ़ंक्शन का उपयोग सॉर्ट करने के लिए तर्क के रूप में कर सकते हैं ():


 const array = [10, 5, 8, 1, 7]; array.sort((a, b) => a - b); // array is [1, 5, 7, 8, 10]


यदि आप किसी सरणी के तत्वों को अवरोही क्रम में क्रमबद्ध करना चाहते हैं, तो आप सॉर्ट करने के तर्क के रूप में निम्न तुलना फ़ंक्शन का उपयोग कर सकते हैं ():


 const array = [5, 2, 4, 1, 3]; array.sort((a, b) => b - a); // array is [5, 4, 3, 2, 1]


निष्कर्ष

ये जावास्क्रिप्ट में सरणियों के साथ काम करने के लिए उपलब्ध कई विधियों में से कुछ हैं। आशा है यह मदद करेगा! अगर आपके पास कोई अन्य सवाल है तो मुझे बताएं।