Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट Shift और जावास्क्रिप्ट Unshift: पूर्ण गाइड

जावास्क्रिप्ट shift() निर्दिष्ट स्थिति पर एक एलिमेंट को हटाता है और शेष एलिमेंट्स को ऊपर शिफ्ट करता है। जावास्क्रिप्ट unshift() फंक्शन विपरीत करता है। unshift() किसी विशेष स्थिति पर नया एलिमेंट जोड़ता है और शेष एलिमेंट्स को सूची में नीचे शिफ्ट करता है।


आप तय कर सकते हैं कि आप सूची की शुरुआत में आइटम जोड़ना या हटाना चाहते हैं। मान लीजिए आप टॉप सेल्सपर्सन्स की सूची बनाते हैं। आप नंबर-वन टॉप सेलर को सूची की शुरुआत में डालना चाहेंगे।

यहीं जावास्क्रिप्ट shift() और unshift() फंक्शन्स काम आते हैं। shift() और unshift() का उपयोग क्रमशः सूची की शुरुआत से आइटम हटाने और जोड़ने के लिए किया जाता है। ये फंक्शन्स push() फंक्शन और pop() फंक्शन के समान हैं, हालांकि shift() और unshift() केवल सूची की शुरुआत से आइटम हटाने और जोड़ने का समर्थन करते हैं।

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

जावास्क्रिप्ट shift

shift() एक बिल्ट-इन जावास्क्रिप्ट फंक्शन है जो ऐरे से पहला एलिमेंट हटाता है। shift() फंक्शन सीधे उस जावास्क्रिप्ट ऐरे को संशोधित करता है जिसके साथ आप काम कर रहे हैं। shift() वह आइटम लौटाता है जिसे आपने ऐरे से हटाया है।

shift() फंक्शन इंडेक्स पोजीशन 0 पर आइटम को हटाता है और भविष्य के इंडेक्स नंबरों पर मानों को एक से नीचे शिफ्ट करता है। यदि आप shift() फंक्शन के उद्देश्य को याद रखने में संघर्ष कर रहे हैं, तो खुद से कहें:

shift() शिफ्ट करता है ऐरे में इंडेक्स मानों को एक से नीचे।

यदि आप खाली सूची पर shift() फंक्शन का उपयोग करते हैं तो shift() undefined लौटाता है।

जावास्क्रिप्ट shift() फंक्शन के लिए सिंटैक्स यहां दिया गया है:

array_name.shift()

जावास्क्रिप्ट ऐरे shift() फंक्शन कोई पैरामीटर नहीं लेता। ऐसा इसलिए है क्योंकि shift() केवल एक फंक्शन करता है। shift() ऐरे के अंत से आइटम हटाता है। यदि shift() आपको किसी भी स्थिति से आइटम हटाने देता, तो पैरामीटर की आवश्यकता होती।

Shift जावास्क्रिप्ट उदाहरण

आइए एक उदाहरण के माध्यम से चलते हैं ताकि shift() मेथड कैसे काम करता है, यह समझाया जा सके।

मान लीजिए आप एक फार्मास्युटिकल सेल्स टीम के प्रबंधक हैं। आप इस महीने के टॉप सेल्सपर्सन्स की सूची बनाना चाहते हैं। शुरू करने के लिए, आपके पास पिछले महीने के टॉप सेल्सपर्सन्स की सूची है। आप सूची की शुरुआत से मार्क को हटाना चाहते हैं। मार्क पिछले महीने सूची में नहीं आए क्योंकि वह दो सप्ताह की छुट्टी पर थे।

हम shift() फंक्शन का उपयोग सूची की शुरुआत से मार्क का नाम हटाने के लिए कर सकते हैं। यहां shift() का उपयोग करके हीथर को टॉप सेल्सपर्सन्स सूची की शुरुआत में जोड़ने का उदाहरण है:

let top_salespeople = ['Mark', 'Lucy', 'Graham', 'Carol', 'Ann']; top_salespeople.shift(); console.log(top_salespeople);

हमारा कोड रिटर्न करता है:

['Lucy', 'Graham', 'Carol', 'Ann']

आइए समझाते हैं कि हमारे कोड में क्या हो रहा है। पहली लाइन पर, हम "top_salespeople" नामक ऐरे घोषित करते हैं जो फार्मास्युटिकल सेल्स टीम में टॉप सेल्सपर्सन्स को स्टोर करता है। फिर, हम सूची से पहला मान हटाने के लिए shift() फंक्शन का उपयोग करते हैं। अंत में, हम संशोधित सूची को कंसोल पर प्रिंट करने के लिए console.log() का उपयोग करते हैं।

जैसा कि आप देख सकते हैं, shift() फंक्शन ने मार्क को सूची से हटा दिया, जो पहली स्थिति में दिखाई दे रहा था।

top_salespeople ऐरे में अब मार्क नहीं है। ऐसा इसलिए है क्योंकि shift() फंक्शन मूल ऐरे को बदल देता है। यह हमारे द्वारा किए गए संशोधनों के साथ नया ऐरे नहीं बनाता।

जावास्क्रिप्ट unshift

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

unshift() फंक्शन के लिए सिंटैक्स यहां दिया गया है:

array_name.unshift(item_one, item_two, …)

unshift() फंक्शन उतने पैरामीटर्स लेता है जितने आप निर्दिष्ट करते हैं। ये पैरामीटर्स सभी ऐरे की शुरुआत में जोड़े जाएंगे।

Unshift जावास्क्रिप्ट उदाहरण

आइए एक उदाहरण के माध्यम से चलते हैं और चर्चा करते हैं कि unshift() फंक्शन कैसे काम करता है।

हन्ना नामक कर्मचारी का हमारी सेल्स टीम पर अद्भुत महीना रहा। वह टॉप सेल्सपर्सन्स सूची में 1st पोजीशन पर आगे बढ़ी। हम हन्ना को अपने top_salespeople ऐरे में 1st पोजीशन पर जोड़ना चाहते हैं। हम इस कार्य को पूरा करने के लिए निम्न कोड का उपयोग कर सकते हैं:

let top_salespeople = ['Lucy', 'Graham', 'Carol', 'Ann']; top_salespeople.unshift('Hannah'); console.log(top_salespeople);

जब हम अपना कोड चलाते हैं, तो निम्न प्रतिक्रिया कंसोल पर लौटाई जाती है:

['Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']

जैसा कि आप देख सकते हैं, हन्ना का नाम हमारी सूची की शुरुआत में जोड़ा गया था। unshift() फंक्शन shift() फंक्शन के समान तरीके से काम करता है लेकिन दो अंतरों के साथ: unshift() सूची की शुरुआत में आइटम जोड़ता है, और उस आइटम को पैरामीटर के रूप में स्वीकार करता है।

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

यह कोड टॉप सेल्सपर्सन्स की सूची को अपडेट करता है:

let top_salespeople = ['Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']; top_salespeople.unshift('Geoff', 'Peter'); console.log(top_salespeople);

हमारा कोड रिटर्न करता है:

['Geoff', 'Peter', 'Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']

यह दूसरा उदाहरण कोड हमारे पहले उदाहरण के समान तरीके से काम करता है। एक अंतर है। दूसरे उदाहरण में, हमने unshift() फंक्शन में एक के बजाय दो पैरामीटर्स निर्दिष्ट किए हैं।

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

निष्कर्ष

shift() फंक्शन आपको ऐरे की शुरुआत से आइटम हटाने देता है। unshift() फंक्शन ऐरे की शुरुआत में एक या अधिक आइटम जोड़ता है।

इस ट्यूटोरियल में चर्चा की गई कि जावास्क्रिप्ट में ऐरे में हेरफेर करने के लिए shift() और unshift() फंक्शन्स का उपयोग कैसे करें। हम इनमें से प्रत्येक फंक्शन के लिए जावास्क्रिप्ट अभ्यास के माध्यम से चले।

  1. JavaScript Function call(): this बाइंडिंग नियंत्रित करें JavaScript Function call(): this बाइंडिंग नियंत्रित करें

    Function.prototype.call() मेथड किसी फंक्शन को दिए गए this मान और व्यक्तिगत रूप से प्रदान किए गए आर्गुमेंट्स के साथ कॉल करता है। यह किसी ऑब्जेक्ट के मेथड को दूसरे ऑब्जेक्ट पर उधार लेने की अनुमति देता है। उदाहरण { checkAdult.call(person, कार, भारत); }); </script> </body> &

  1. JavaScript Function apply(): एरे के रूप में आर्गुमेंट्स पास करें JavaScript Function apply(): एरे के रूप में आर्गुमेंट्स पास करें

    Function.prototype.apply() मेथड call() के समान है लेकिन आर्गुमेंट्स को एक एरे (या एरे-लाइक ऑब्जेक्ट) के रूप में स्वीकार करता है। यह डायनामिक आर्गुमेंट लिस्ट के लिए उपयोगी है। उदाहरण { checkAdult.apply(person, [कार, भारत]); }); </script> </body> </html> आउटपुट क्लि

  1. JavaScript में डिस्ट्रक्चरिंग और फंक्शन पैरामीटर्स JavaScript में डिस्ट्रक्चरिंग और फंक्शन पैरामीटर्स

    JavaScript में फंक्शन पैरामीटर्स को डिस्ट्रक्चर करने का निम्नलिखित कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>