"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > जावास्क्रिप्ट ऐरे मेथड्स: एक व्यापक गाइड

जावास्क्रिप्ट ऐरे मेथड्स: एक व्यापक गाइड

2024-11-07 को प्रकाशित
ब्राउज़ करें:173

JavaScript Array Methods: A Comprehensive Guide

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

मूल विधियाँ

प्रत्येक के लिए()

forEach() विधि आपको एक सरणी पर पुनरावृति करने और सरणी में प्रत्येक तत्व के लिए एक बार दिए गए फ़ंक्शन को निष्पादित करने की अनुमति देती है। यह किसी सरणी में लूप करने का एक आसान तरीका है।

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

array.forEach((element) => {
  console.log(element);
});

मानचित्र()

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

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

const doubled = array.map((element) => element * 2);

console.log(doubled); // [2, 4, 6, 8, 10]

फ़िल्टर()

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

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

const evenNumbers = array.filter((element) => element % 2 === 0);

console.log(evenNumbers); // [2, 4]

कम करना()

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

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

const sum = array.reduce((accumulator, currentValue) => accumulator   currentValue, 0);

console.log(sum); // 15

खोजो()

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

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

const found = array.find((element) => element > 3);

console.log(found); // 4

खोज इंडेक्स()

findIndex() विधि सरणी में पहले तत्व का सूचकांक लौटाती है जो दिए गए परीक्षण फ़ंक्शन को संतुष्ट करती है। यदि कोई तत्व परीक्षण फ़ंक्शन को संतुष्ट नहीं करता है, तो यह -1 लौटाता है।

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

const index = array.findIndex((element) => element > 3);

console.log(index); // 3

क्रम से लगाना()

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

const array = [5, 3, 8, 1, 2];

const sortedArray = array.sort((a, b) => a - b);

console.log(sortedArray); // [1, 2, 3, 5, 8]

रिवर्स()

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

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

const reversedArray = array.reverse();

console.log(reversedArray); // [5, 4, 3, 2, 1]

कॉनकैट()

concat() विधि का उपयोग दो या दो से अधिक सरणियों को मर्ज करने के लिए किया जाता है। यह एक नई सारणी लौटाता है, मूल सारणी को अपरिवर्तित छोड़ देता है।

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

const concatenatedArray = array1.concat(array2);

console.log(concatenatedArray); // [1, 2, 3, 4, 5, 6]

टुकड़ा()

स्लाइस() विधि एक सरणी के एक हिस्से की एक उथली प्रतिलिपि को शुरू से अंत तक चयनित एक नई सरणी ऑब्जेक्ट में लौटाती है (अंत शामिल नहीं है)।

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

const slicedArray = array.slice(1, 4);

console.log(slicedArray); // [2, 3, 4]

ब्याह()

स्प्लिस() विधि तत्वों को हटाकर, प्रतिस्थापित करके या जोड़कर किसी सरणी की सामग्री को बदल देती है।

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

array.splice(2, 1, 6, 7);

console.log(array); // [1, 2, 6, 7, 4, 5]

धकेलना()

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

const array = [1, 2, 3];

array.push(4, 5);

console.log(array); // [1, 2, 3, 4, 5]

जल्दी से आना()

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

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

const lastElement = array.pop();

console.log(lastElement); // 5
console.log(array); // [1, 2, 3, 4]

बदलाव()

शिफ्ट() विधि किसी सरणी से पहले तत्व को हटा देती है और उस तत्व को वापस कर देती है।

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

const firstElement = array.shift();

console.log(firstElement); // 1
console.log(array); // [2, 3, 4, 5]

अनशिफ्ट()

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

const array = [2, 3, 4, 5];

array.unshift(1);

console.log(array); // [1, 2, 3, 4, 5]

जोड़ना()

ज्वाइन() विधि एक सरणी में सभी तत्वों को अल्पविराम या एक निर्दिष्ट विभाजक स्ट्रिंग द्वारा अलग करके एक नई स्ट्रिंग बनाती है और लौटाती है।

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

const joinedString = array.join('-');

console.log(joinedString); // "1-2-3-4-5"

अतिरिक्त तरीके

प्रत्येक()

प्रत्येक() विधि परीक्षण करती है कि सरणी के सभी तत्व दिए गए परीक्षण फ़ंक्शन को पास करते हैं या नहीं।

const array = [2, 4, 6, 8];

const allEven = array.every((element) => element % 2 === 0);

console.log(allEven); // true

कुछ()

कुछ() विधि परीक्षण करती है कि सरणी में कम से कम एक तत्व दिए गए परीक्षण फ़ंक्शन को पास करता है या नहीं।

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

const hasEven = array.some((element) => element % 2 === 0);

console.log(hasEven); // true

समतल()

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

const array = [1, [2, [3, [4]]]];

const flattenedArray = array.flat(2);

console.log(flattenedArray); // [1, 2, 3, [4]]

फ़्लैटमैप()

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

const array = [1, 2, 3, 4];

const flattened = array.flatMap((num) => [num, num * 2]);

console.log(flattened); // [1, 2, 2, 4, 3, 6, 4, 8]

भरना()

भरण() विधि किसी सरणी के सभी तत्वों को प्रारंभ सूचकांक से अंतिम सूचकांक तक स्थिर मान से भरती है।

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

array.fill(0, 2, 4);

console.log(array); // [1, 2, 0, 0, 5]

कॉपीविदिन()

copyWithin() विधि उथली किसी सरणी के भाग को उसकी लंबाई को संशोधित किए बिना उसी सरणी में किसी अन्य स्थान पर कॉपी करती है।

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

array.copyWithin(0, 3, 5);

console.log(array); // [4, 5, 3, 4, 5]

शामिल है()

include() विधि जांच करती है कि किसी सरणी में एक निश्चित मान है या नहीं।

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

const hasThree =

 array.includes(3);

console.log(hasThree); // true

स्ट्रिंग()

ToString() विधि एक सरणी को अल्पविराम से अलग करके एक स्ट्रिंग में परिवर्तित करती है।

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

const arrayString = array.toString();

console.log(arrayString); // "1,2,3,4,5"

अनुक्रमणिका()

indexOf() विधि पहला सूचकांक लौटाती है जिस पर किसी दिए गए तत्व को सरणी में पाया जा सकता है, या -1 यदि यह मौजूद नहीं है।

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

const index = array.indexOf(3);

console.log(index); // 2

अंतिमसूचकांक()

lastIndexOf() विधि अंतिम सूचकांक लौटाती है जिस पर किसी दिए गए तत्व को सरणी में पाया जा सकता है, या -1 यदि यह मौजूद नहीं है।

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

const lastIndex = array.lastIndexOf(3);

console.log(lastIndex); // 4

से()

Array.from() विधि एक सरणी जैसी या पुनरावृत्त वस्तु से एक नया सरणी उदाहरण बनाती है।

const array = Array.from('hello');

console.log(array); // ['h', 'e', 'l', 'l', 'o']

isArray()

Array.isArray() विधि जांच करती है कि पारित मान एक सरणी है या नहीं।

const array = [1, 2, 3, 4, 5];
const notArray = { a: 1, b: 2 };

console.log(Array.isArray(array)); // true
console.log(Array.isArray(notArray)); // false

का()

Array.of() विधि तत्वों की एक परिवर्तनीय संख्या के साथ एक नया सरणी उदाहरण बनाती है।

const array1 = Array.of(1, 2, 3);
const array2 = Array.of('a', 'b', 'c');

console.log(array1); // [1, 2, 3]
console.log(array2); // ['a', 'b', 'c']

निष्कर्ष

जावास्क्रिप्ट ऐरे अंतर्निहित तरीकों की एक विस्तृत श्रृंखला के साथ आते हैं जो शक्तिशाली डेटा हेरफेर की अनुमति देते हैं। इन तरीकों को समझने से आप साफ़ और संक्षिप्त कोड लिखने में अधिक कुशल हो जायेंगे। इन तरीकों के साथ प्रयोग करने के लिए कुछ समय लें और देखें कि वे आपके कोड को कैसे बेहतर बना सकते हैं।
मूल रूप से प्रकाशित: जावास्क्रिप्ट ऐरे मेथड्स गाइड

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/who_tf_cares/javascript-array-methods-a-comprehenive-guide-4966?1 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए स्टडी_गोलंग@163.com से संपर्क करें।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3