जावास्क्रिप्ट सूची

| | | | | | | | | | | | | | | | | | | | | | | | | | |

हम स्वयं फलों की सूची बनाने जा रहे हैं। हम अपनी सूची को "फल" कहेंगे और निम्नलिखित मान जोड़ेंगे: केला, खरबूजा, अंगूर। ओह, मुझे फल कैसे पसंद हैं! हालांकि यह खरीदारी सूची ट्यूटोरियल की तरह लग सकता है, हमने वास्तव में अभी एक तालिका बनाई है।

इस गाइड में, हम देखेंगे कि सरणियाँ क्या हैं, वे कैसे काम करती हैं, और आपको अपने कोड में उनका उपयोग क्यों करना चाहिए। हम कुछ नमूना बोर्डों पर चर्चा करने जा रहे हैं ताकि आप एक जावास्क्रिप्ट बोर्ड निंजा बन सकें!

सरणी क्या है?

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

निम्न उदाहरण पर विचार करें:.

यहां हमने "फ्रूट्स" नाम से एक ऐरे बनाया है। यह तीन अलग-अलग मूल्यों को संग्रहीत करता है, जिनमें से प्रत्येक एक फल को दर्शाता है जिसे हम किराने की दुकान में खरीदना चाहते हैं। अपनी सरणी घोषित करने के लिए, हमने वर्ग कोष्ठक में तत्वों की अपनी सूची संलग्न की है।

सरणी घोषित करना

सरणी घोषित करने के दो तरीके हैं। जिस तरह से आप ज्यादातर लोगों को ऐसा करते हुए देखेंगे, वह वर्ग कोष्ठक में वस्तुओं की एक सूची पर चक्कर लगाकर है, जैसा कि हमने पहले किया था:

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

ये कोड स्निपेट एक ही सरणी बनाते हैं, लेकिन विभिन्न तरीकों का उपयोग करते हैं। ध्यान दें कि हमारे दूसरे उदाहरण में, हमने अपने एरे को घोषित करने के लिए सर्कुलर सपोर्ट का इस्तेमाल किया था। हम किसी ऐरे को घोषित करने के लिए नए ऐरे कंस्ट्रक्टर का भी उपयोग करते हैं। यही कारण है कि अधिकांश लोग पहली विधि को पसंद करते हैं; वर्गाकार कोष्ठक याद रखने में बहुत आसान होते हैं और तेज़ी से टाइप करते हैं

तालिकाओं में समान शामिल नहीं हो सकते हैं डेटा का प्रकार हमारा नेटवर्क कई अलग-अलग डेटा प्रकारों को संग्रहीत कर सकता है।

यह सरणी तीन अलग-अलग डेटा प्रकारों को संग्रहीत करती है: एक स्ट्रिंग, एक संख्या और एक बूलियन अब जब आप एक सरणी घोषित करने के तरीके से परिचित हैं, तो आप उनकी सामग्री तक पहुंचने के लिए तैयार हैं।

एक सरणी पढ़ना

यदि हम उन्हें पढ़ नहीं पाते हैं तो सरणियाँ बहुत उपयोगी नहीं होंगी। मान। यही कारण है कि अनुक्रमण मौजूद है। अनुक्रमणिका व्यक्तिगत तत्वों तक पहुँचने का एक तरीका है एक सूची के रूप में चलने योग्य वस्तु।

एक सरणी में एक सरणी के प्रत्येक तत्व को उसका सूचकांक सुन्न सौंपा गया है er.ये नंबर 0 से शुरू होते हैं और एक सरणी में अलग-अलग तत्वों के लिए करंट को वैकल्पिक करने के लिए इस्तेमाल किया जा सकता है। हमारी "फ्रूई टी" तालिका याद रखें?

इस सरणी को दिए गए इंडेक्स मान यहां दिए गए हैं:

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

हमारा कोड वापस आता है। अंगूर हम सूचकांक की स्थिति 1 को संदर्भित करते हैं, जो "किशमिश" मान को संग्रहीत करता है। यदि आपने मान 0 पारित किया है, तो "केला" वापस कर दिया जाएगा। यदि आप किसी ऐसे तत्व तक पहुँचने का प्रयास करते हैं जो मौजूद नहीं है, तो "अपरिभाषित" वापस आ जाएगा:

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

यह कोड लौटाता है:

हमारा कोड हमारी सूची में प्रत्येक आइटम से गुजरता है, फिर प्रत्येक आइटम को कंसोल पर प्रिंट करता है। आप यह भी देखेंगे कि हमने लंबाई का उपयोग किया है। यह फ़ंक्शन हमारी सूची की लंबाई देता है

एक सरणी में तत्व जोड़ें

अधिकांश pa , कभी-कभी आप अपने सरणी को शुरू में घोषित करने के बाद किसी सरणी में एक नया मान जोड़ना चाहते हैं। आप push () सरणी का उपयोग करके ऐसा कर सकते हैं।

हम अपनी फलों की सूची में "स्ट्रॉबेरी" जोड़ना भूल गए। अरे नहीं! चिंता न करें, हम हमेशा पुश () का उपयोग करके जोड़ सकते हैं:

अब जब हमने इस कोड को चला लिया है, तो हमारा ऐरे इस तरह दिखता है:

< टेबल क्लास = "wp-ब्लॉक टेबल कोर्स-इन्फो टेबल"> केला अंगूर तरबूज स्ट्रॉबेरी 1 2 3

आप <> unshift () कोड का उपयोग करके अपनी तालिका की शुरुआत में डेटा जोड़ सकते हैं। स्ट्रॉबेरी हमारी खरीदारी सूची में इतने महत्वपूर्ण हैं कि हम चाहते हैं कि वे पहले दिखाई दें:

इससे हमारी "फलों" की सूची इस तरह दिखेगी:

< td > स्ट्रॉबेरी
केला अंगूर तरबूज
1 2 3

तत्वों को एक सरणी से हटाना

यह पता चला है कि हमारे पास घर पर पहले से ही एक तरबूज है, इसलिए हमें इसकी कोई आवश्यकता नहीं थी एक खरीदने के लिए। तरबूज खरीदने की क्या बात है, है ना? चूंकि तरबूज हमारी सूची के अंत में है, हमारे पास इसे हटाने के लिए दो विकल्प हैं:

  • ब्याह ():. तत्वों को उनकी अनुक्रमणिका संख्या के अनुसार हटाता है
  • pop (): सरणी के अंत से एक तत्व निकालें

Let का उपयोग करके उदाहरण के तौर पर splice ():.

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

splice () दो पैरामीटर स्वीकार करता है। पहला सरणी से निकालने के लिए अनुक्रमणिका संख्या है और दूसरा निकालने के लिए आइटम की संख्या है। इस मामले में, हम इंडेक्स मान 3 के साथ तत्व को हटाना चाहते थे, इसलिए हमने "3, 1" को हमारे पैरामीटर के रूप में निर्दिष्ट किया।

pop () किसी भी पैरामीटर को स्वीकार नहीं करता है . सूची से केवल अंतिम आइटम निकालें:

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

आप किसी सूची के प्रारंभ से किसी तत्व को हटाने के लिए shift () का भी उपयोग कर सकते हैं:

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

push () और unshift () सूची में आइटम जोड़ें। पॉप () और shift () आइटम सूची से निकालें। असेंबली विधि का उपयोग किसी आइटम को उसके इंडेक्स वैल्यू के आधार पर सूची से निकालने के लिए भी किया जा सकता है

संशोधन एक श्रृंखला के तत्व

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

अब मान लें कि हम नियमित केले के बजाय बेबी केले खरीदने के लिए अपनी "फल" सूची को बदलना चाहते हैं। हम असाइनमेंट ऑपरेटर का उपयोग करके ऐसा कर सकते हैं क्योंकि हम सभी चर:

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

हमने एंट्री में बदलाव किया है "बेबी केले" मान को स्टोर करने के लिए सूचकांक स्थिति 0 पर। इस परिवर्तन को करने के लिए विशेष तरीकों का उपयोग करने की आवश्यकता नहीं है; असाइनमेंट ऑपरेटर का उपयोग वैल को संशोधित करने के लिए किया जाता है ues in a array.

निष्कर्ष

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

अब आप जावास्क्रिप्ट एरे के साथ काम करना शुरू करने के लिए तैयार हैं। विशेषज्ञ!