जावास्क्रिप्ट में स्प्लिस का उपयोग कैसे करें: ऐरे विधि को समझना

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

इस गाइड में, मैं समझाऊंगा कि जावास्क्रिप्ट ऐरे ब्याह विधि का उपयोग कैसे करें। किसी भी स्तर के विकासकर्ता इस लेख को पढ़ और समझ सकते हैं।

ऐरे विधि (ब्याह) को समझना

यदि हम एमडीएन वेबसाइट पर एक नज़र डालें तो हमें पता चलेगा कि जावास्क्रिप्ट एरे प्रोटोटाइप कंस्ट्रक्टर, जो हमें ऐरे () ऑब्जेक्ट में नए तरीके और गुण जोड़ने की अनुमति देता है, में बहुत सारे तरीके हैं और ब्याह उनमें से एक है।

Array.prototype.splice()

अगर हमने स्ट्रिंग प्रोटोटाइप पर इसी विधि का उपयोग करने की कोशिश की, जैसे नीचे दिया गया उदाहरण;

const strings = 'learn'

strings.splice()

हालाँकि हमें यह कहते हुए एक प्रकार की त्रुटि प्राप्त होगी:

Uncaught TypeError: strings.splice is not a function

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

जावास्क्रिप्ट सरणी ब्याह विधि का उपयोग कैसे करें

ब्याह जावास्क्रिप्ट सरणी विधि का उपयोग करना आसान है, लेकिन कभी-कभी वाक्यविन्यास का दुरुपयोग होता है।

आप इन चरणों में ब्याह विधि का उपयोग कर सकते हैं

arr.splice(start, deleteCount, item1, ..., itemN)

ब्याह () संपत्ति कुछ मापदंडों को लेती है, इन मापदंडों का उपयोग ब्याह विधि के किसी भी सरणी के व्यवहार को निर्धारित करने के लिए किया जाता है।

वे इस प्रकार हैं:

• शुरू
• हटाएं
• सामान

शुरू

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

हटाएं

यह एक वैकल्पिक पैरामीटर है जो सरणी से हटाए जाने वाले तत्वों की संख्या को दर्शाता है, किसी तत्व को हटाने या हटाने के लिए स्टार्ट पैरामीटर मौजूद होना चाहिए।

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

सामान

यह भी एक वैकल्पिक पैरामीटर है जो आपको ऐरे में जोड़े जाने वाले तत्व को बताता है

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

बक्सों का इस्तेमाल करें

अब जब हम समझ गए हैं कि पैरामीटर क्या हैं, आइए उपयोग के मामलों और उदाहरणों को देखने का प्रयास करें कि हमारे प्रोग्राम को लिखते समय इसे कैसे लागू किया जा सकता है।

एक निर्दिष्ट सूचकांक से पहले शून्य तत्वों को हटाना

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

आइए नीचे दिए गए उदाहरण पर एक नजर डालते हैं:

const myMusic = ['piano', 'guitar', 'violin', 'orchestra'];

const removedElement = myMusic.splice(2, 0, 'drum');

// myMusic is [piano', 'guitar', 'drum', 'guitar', 'violin', 'orchestra']

// removedElement is empty [ ], no elements deleted

पूर्ववर्ती कोड में, हम इंडेक्स 3 (मैंडरिन) पर एक तत्व को हटाने का प्रयास करते हैं, जिसका अर्थ है कि जैसे ही यह इंडेक्स 3 पर पहुंचता है, जो भी आइटम इसे पाता है, उसे बिना किसी तत्व के बदले हटा दिया जाएगा।

हम एक तत्व को हटा भी सकते हैं और अन्य तत्वों को जोड़ सकते हैं।

const myMusic = ['piano', 'guitar', 'drum', 'violin', 'orchestra']

const removedElement = myMusic.splice(3, 1, 'sax');

// myMusic is ['piano', 'guitar', 'drum', 'sax', 'orchestra']

// removedElement is ['violin']

इसी तरह, जैसे ही हमें इंडेक्स 3 मिला, जो कुछ भी मिला, इस मामले में, 'ऑर्केस्ट्रा' हटा दिया जाएगा, और नए ('सैक्स') जोड़ दिए जाएंगे, ऊपर दिए गए कोड से पता चलता है कि कैसे 'ड्रम' को सरणी में जोड़ा गया था . इंडेक्स 2 से शुरू करते हुए शून्य इसे कुछ भी हटाने के लिए कहता है, अगर हमारे पास 1 था तो यह 1 तत्व को हटा देगा और हम जो आइटम चाहते हैं उसे जोड़ देंगे, और इसी तरह।

निर्दिष्ट इंडेक्स पर एक या अधिक तत्वों को हटाना

कहते हैं कि हम एक आइटम या तत्व को सरणी में एक नया जोड़े बिना हटाना चाहते हैं, हम इसे पिछले कोड स्निपेट की तरह लिख सकते हैं

const myMusic = ['piano', 'guitar', 'drum', 'violin', 'orchestra'];

const removedElement = myMusic.splice(3, 1);

// myMusic is ['piano', 'guitar', 'drum', 'ochestra']

// removedElement is ['violin']

हम किसी भी इंडेक्स से शुरू कर सकते हैं और जितने चाहें उतने आइटम हटा सकते हैं।

निर्दिष्ट इंडेक्स से शुरू होने वाले सभी तत्वों को हटाएं

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

const myMusic = ['piano', 'guitar', 'drum', 'violin', 'orchestra']

const removedElement = myMusic.splice(1);

// myMusic is ['piano', 'guitar']

// removedElement is ['drum', 'sax', 'ochestra']

यह कोड स्निपेट इंडेक्स 1 से शुरू होने वाले सभी तत्वों को हटाने की कोशिश करता है। जहां इंडेक्स 1 एरे में 'जोकर' है। चूंकि गिनती 0 से शुरू होती है, यह एक नई सरणी लौटाएगा। जिसमें केवल एक तत्व है जो 'परी' है। ऐसा इसलिए है क्योंकि गिनती के दौरान 'एंजेल' इंडेक्स 0 पर दिखाई देता है, और गिनती इंडेक्स 1 से शुरू होती है। इंडेक्स 0 को छोड़ दिया जाएगा जिससे यह परिणाम वापस आ जाएगा।

टेकअवे

यदि आपको किसी सरणी पर कोई कार्य करने की आवश्यकता है, और आप मूल सरणी को बदलना नहीं चाहते हैं, तो Javascript सरणी के ब्याह () विधि से बचना चाहिए क्योंकि वे आपके डेटा को बदलते हैं।

const beforeSplice = ['bread','fish','cook']

console.log(beforeSplice)

// ['bread', 'fish', 'cook']

const afterSpliceData = beforeSplice.splice(1)

console.log(afterSplice)

// ['fish', 'cook']

ऊपर के उदाहरण में। ब्याह से पहले Javascript सरणी की विधि को beforeSplice चर पर कॉल किया गया था। हमारे पास 3 तत्व थे, लेकिन विधि लागू होने के बाद, यह 2 तत्व लौटाता है। इस पद्धति ने डेटा को बदल दिया है। कभी-कभी यह वह नहीं होता जो हम चाहते हैं। लेकिन अगर आप केवल इतना करना चाहते हैं कि तत्वों को हटा दें या कोई तत्व जोड़ें, तो यह एकदम सही है।

अगले एक पर मिलते हैं।