जावास्क्रिप्ट ऐरे:शुरुआती के लिए एक गाइड

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

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

ऐरे क्या है?

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

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

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

let fruits = [
	"Banana",
	"Grapes",
	"Melon"
];

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

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

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

let berries = [
	"Strawberry",
	"Blueberry",
	"Gooseberry"
];

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

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

let berries = new Array(
	"Strawberry",
	"Blueberry",
	"Gooseberry"
);

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

Arrays में समान डेटा प्रकार शामिल करने की आवश्यकता नहीं है। हमारा सरणी किसी भी संख्या में विभिन्न प्रकार के डेटा को संग्रहीत कर सकता है:

let berries = [
	"Strawberry",
	1.50,
	true
];

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

एक सरणी पढ़ना

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

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

let fruits = [
	"Banana",
	"Grapes",
	"Melon"
];

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

0:केला
1:अंगूर
2:तरबूज

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

fruits[1];

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

fruits[10];

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

for (var i = 0; i < fruits.length; i++) {
	console.log(fruits[i]);
}

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

Banana
Grapes
Melon

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

ऐरे में आइटम जोड़ें

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

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

let fruits = [
	"Banana",
	"Grapes",
	"Melon"
];

fruits.push("Strawberry");
console.log(fruits);

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

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

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

let fruits = [
	"Banana",
	"Grapes",
	"Melon"
];

fruits.push("Strawberry");
console.log(fruits);

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

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

एक सरणी से आइटम निकालें

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

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

आइए splice() use का उपयोग करें उदाहरण के तौर पर:

let fruits = [
	"Banana",
	"Grapes",
	"Melon"
];

fruits.splice(3, 1);
console.log(fruits);

हमारा कोड लौटाता है:

Strawberry
Banana
Grapes

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

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

let fruits = [
	"Banana",
	"Grapes",
	"Melon"
];

fruits.pop();
console.log(fruits);

हमारा कोड लौटाता है:

Banana
Grapes

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

let fruits = [
	"Banana",
	"Grapes",
	"Melon"
];

fruits.shift();
console.log(fruits);

हमारा कोड लौटाता है:

Grapes
Melon

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

एक सरणी में आइटम बदलना

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

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

fruits[0] = "Baby bananas";
console.log(fruits);

हमारा कोड लौटाता है:

Baby bananas
Grapes
Melon

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

निष्कर्ष

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

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