JavaScript से किसी विशिष्ट ऐरे पोजीशन पर आइटम कैसे जोड़ें

JavaScript में किसी विशिष्ट ऐरे पोजीशन (इंडेक्स) पर आइटम जोड़ना सीखें।

मान लीजिए आप किसी ऐरे में आइटम जोड़ना चाहते हैं, लेकिन आप इसे अपेंड (अंत में जोड़ना) या प्रीपेंड (शुरुआत में जोड़ना) नहीं करना चाहते। आप आइटम को ऐरे की विशिष्ट पोजीशन/स्थान पर जोड़ना चाहते हैं।

नोट: जब हम विशिष्ट पोजीशन/स्थान पर डेटा में हेरफेर करने की बात करते हैं, तो हम अक्सर इसे इंडेक्स कहते हैं। ऐरे इंडेक्सेस के साथ हम 0 पर गिनती शुरू करते हैं, जिसका अर्थ है कि:

• 0 है 1
• 1 है 2
• और इसी तरह।

तो यदि आपके पास 5 आइटम्स वाला ऐरे है, और आप तीसरे आइटम तक पहुंच चाहते हैं, तो आप इसे 2 के रूप में संबोधित करेंगे।

ठीक है, आइए वही करें जिसके लिए आप यहां आए हैं।

splice() मेथड में प्रवेश करें

किसी ऐरे में विशिष्ट इंडेक्स पोजीशन पर आइटम जोड़ने के लिए, हम शक्तिशाली JavaScript array.splice() मेथड का उपयोग कर सकते हैं। splice() मेथड ऐरे से आइटम्स जोड़ या हटा सकता है।

splice() सिंटैक्स ऐसा दिखता है:

array.splice(startIndex) 
array.splice(startIndex, deleteCount) 
array.splice(startIndex, deleteCount, value1)

splice() मेथड 3 या अधिक आर्गुमेंट्स लेता है:

• आर्गुमेंट 1: startIndex जो वह स्थान (पोजीशन) है जहां आप कुछ जोड़ना चाहते हैं।
• आर्गुमेंट 2: वैकल्पिक deleteCount आर्गुमेंट जहां आप निर्दिष्ट कर सकते हैं कि आप कितने आइटम्स हटाना चाहते हैं (startIndex पोजीशन से)।
• आर्गुमेंट 3: नई आइटम वैल्यू(ज) जिसे आप ऐरे में जोड़ना चाहते हैं।

व्यावहारिक splice() उदाहरण

तो मान लीजिए कि हमारे पास एक काल्पनिक एक्शन से भरपूर फिल्म "Ask Questions Later" के एक्टर्स की कास्ट लिस्ट है। एक्टर्स को फिल्म में उनकी भूमिका के आकार के आधार पर सूचीबद्ध किया गया है।

कास्ट का एक एक्टर तय करता है कि उसका नाम मेन कास्ट लिस्ट में नहीं दिखने पर नखरे करेगा:

const mainCastList = [ 
  "Michael Jai White", 
  "Jean-Claude Van Damme", 
  "Sigourney Weaver", 
  "Jason Statham", 
  "Uma Thurman", 
  "The Rock", 
  "Wesley Snipes" 
]

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

और स्टीवन सीगल से बहस कौन करेगा?

ठीक है, आइए splice() मेथड और आपके द्वारा अभी सीखे गए आर्गुमेंट सिंटैक्स का उपयोग करके उन्हें मेन कास्ट लिस्ट में जोड़ें।

हम स्टीवन सीगल को मेन कास्ट लिस्ट पर दूसरे एक्टर के रूप में जोड़ेंगे, माइकल जय व्हाइट के ठीक बाद (मैं एक पल में बताऊंगा क्यों):

const mainCastList = [ 
  "Michael Jai White", 
  "Jean-Claude Van Damme", 
  "Sigourney Weaver", 
  "Jason Statham", 
  "Uma Thurman", 
  "The Rock", 
  "Wesley Snipes", 
] 
mainCastList.splice(1, 0, "Steven Seagal") 
console.log(mainCastList) 
// ["Michael Jai White", "Steven Seagal", "Jean-Claude Van Damme", "Sigourney Weaver", "Jason Statham", "Uma Thurman", "The Rock", "Wesley Snipes"]

वहां गए स्टीवन, मुझे आशा है कि अब आप खुश हैं!

और सिर्फ इसलिए कि दोहराव सीखने का एक महत्वपूर्ण हिस्सा है, ऊपर के कोड में क्या हो रहा है:

• हम splice() मेथड को mainCastList वेरिएबल से अटैच करते हैं
• फिर हम splice() पर 3 आर्गुमेंट्स लागू करते हैं, startIndex पोजीशन (1), deleteCount (0 = कुछ भी नहीं हटाया जाता), और अंत में, वह आइटम जिसे हम उस इंडेक्स पोजीशन पर जोड़ना चाहते हैं ("Steven Seagal")।

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

splice() मेथड के बारे में जानना अच्छा है

एक साथ अधिक आइटम्स जोड़ें

यदि आप एक साथ अधिक आइटम्स जोड़ना चाहते हैं, तो आप उन्हें कॉमा से अलग करें, जैसे:

mainCastList.splice(1, 0, "Steven Seagal", "Sylvester Stallone")

startIndex से सभी आइटम्स हटाएं

यदि आप दूसरा आर्गुमेंट पास नहीं करते (हमारे उदाहरण में, 0) तो डिफ़ॉल्ट रूप से startIndex पोजीशन से सभी आइटम्स हटा दिए जाएंगे। इसलिए वास्तविक जीवन की परियोजनाओं पर splice() का उपयोग करते समय सावधान रहें।

ऐरे के अंत से शुरू करें

यदि आप उस पोजीशन को निर्दिष्ट करना चाहते हैं जहां से आप ऐरे के अंत से शुरुआत के बजाय आइटम्स जोड़ना/हटाना चाहते हैं, तो पहले splice() आर्गुमेंट पर नेगेटिव वैल्यूज़ का उपयोग करें, जैसे:

mainCastList.splice(-1, 0, "Steven Seagal") 
console.log(mainCastList) 
// ["Michael Jai White", "Jean-Claude Van Damme", "Sigourney Weaver", "Jason Statham", "Uma Thurman", "The Rock", "Steven Seagal", "Wesley Snipes"]

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