JavaScript ऐरे
पिछला पन्ना तथ्यों को ऐसे पाठ में रखता था जिसे बाद में भेजा जा सके। यहाँ सूची स्क्रिप्ट के अंदर जीवित रहती है और आप उसकी जगहें बदल सकते हैं। तीन रंगों के नाम क्रम में बैठे हैं। हर जगह की ओर आप संख्या से इशारा करते हैं, नाम वाली कुंजी से नहीं।
यह नोट नहीं, एक शेल्फ है
वर्ग कोष्ठक स्क्रिप्ट चलते हुए सूची बनाते हैं, और हर मान एक गिनी हुई जगह पर बैठता है। यह JSON पाठ नहीं है जो parse का इंतज़ार करे, और न वह ऑब्जेक्ट है जिसके फ़ील्ड के नाम हों। इस ढाँचे का मतलब जगहों के क्रम में है।
नाम के मुकाबले संख्या
📊 नाम वाला ऑब्जेक्ट बनाम गिनी हुई ऐरे
| सवाल | ऑब्जेक्ट | ऐरे |
|---|---|---|
| इशारा कैसे | name जैसी कुंजी | 0 जैसा इंडेक्स |
| पहला रंग | रंगों की सूची नहीं | colors[0] |
| कितने | कुंजियाँ आप गिनते हैं | length |
| क्रम | मुद्दा नहीं | मुद्दा यही है |
| JSON वाले पन्ने के बाद | डेटा की एक पर्ची | स्क्रिप्ट में जीवित सूची |
ऑब्जेक्ट पूछता है कौन-सा नाम चाहिए, ऐरे पूछती है कौन-सी जगह चाहिए। पहला रंग colors[0] है और कुंजी की ज़रूरत नहीं। किसी जगह के अंदर ऑब्जेक्ट रखना बाद की आदत है, इस पन्ने का काम नहीं।
कोष्ठक, घुमावदार नहीं
घुमावदार कोष्ठक ऑब्जेक्ट खोलते हैं और वर्ग कोष्ठक ऐरे खोलते हैं। तीन रंग-नाम यानी तीन जगहें एक के बाद एक। पिछले पाठ का मग एक नाम वाला फ़ील्ड था, सूची नहीं। जब सिर्फ़ सूची चाहिए, वर्ग कोष्ठक ही रखें।
let colors = ["red", "green", "blue"];
console.log(colors[0]);
पहली जगह का इंडेक्स 0 है
colors[0] पर red छपता है। गिनती एक से नहीं, शून्य से शुरू होती है। एक से शुरू करें तो लाल छूट जाता है। दूसरी जगह green है और तीसरी blue।
let colors = ["red", "green", "blue"];
console.log(colors.length);
console.log(colors[colors.length - 1]);
length जगहें गिनता है
colors.length का मान 3 है क्योंकि तीन नाम रखे हैं, और आखिरी जगह colors[colors.length - 1] वही blue है। एक घटाइए क्योंकि पहला इंडेक्स शून्य है, एक नहीं। length एक गुण है और कोष्ठक लगाकर कॉल नहीं होता।
let colors = ["red", "green", "blue"];
colors[1] = "gold";
console.log(colors[1]);
console.log(colors.length);
जगह बदलने से गिनती नहीं बदलती
colors[1] = "gold" लिखने से green ढक जाता है। उसी जगह को फिर पढ़ें तो gold मिलता है। length 3 पर रहता है। जो जगह पहले से थी वही बदली, नई जगह नहीं जुड़ी। जगह जोड़ना और हटाना अगले पाठ, ऐरे मेथड, का काम है।
let colors = ["red", "green", "blue"];
console.log(colors[9]);
console.log(colors.length);
खाली इंडेक्स नई जगह नहीं है
colors[9] में कुछ रखा नहीं, इसलिए पढ़ने पर undefined मिलता है और length अब भी 3 है। खाली जगह पढ़ने से सूची लंबी नहीं होती। अंत के पार लिखने से लंबाई बढ़ती है और छेद बनते हैं, और वह इस पन्ने का औज़ार नहीं।
let bag = ["red", 12, true];
console.log(bag[1]);
console.log(typeof bag[0]);
एक ही तरह का मान पढ़ने में आसान
एक जगह में पाठ, संख्या या boolean रह सकता है। bag[1] पर 12 छपता है और typeof bag[0] का मान string है। रंगों की सूची मिश्रित थैले से साफ़ पढ़ी जाती है। भाषा मिश्रण मना नहीं करती।
पहला रंग पेज पर दिखाइए
इंडेक्स 0 पढ़िए और वही पाठ पैराग्राफ में लिखिए। बाकी दो रंग सूची में रहने दें।
<!DOCTYPE html>
<html>
<head>
<title>arrays — page</title>
</head>
<body>
<p id="line">…</p>
<script>
let colors = ["red", "green", "blue"];
let box = document.getElementById("line");
box.textContent = colors[0];
</script>
</body>
</html>
पैराग्राफ red दिखाता है। कोष्ठक के अंदर सिर्फ़ पहला पाठ बदलें और पेज ताज़ा करें, तब वही पंक्ति बदलती है। बाकी दो रंग सहेजे रहते हैं, पैराग्राफ पर नहीं लिखे जाते।
अभ्यास के कदम
- तीन रंग बनाइए और इंडेक्स 0 पढ़िए, फिर लंबाई पढ़कर लंबाई में से एक घटाकर आखिरी रंग तक पहुँचिए।
- इंडेक्स 1 को
goldकीजिए और वही जगह तथा लंबाई पढ़िए। - इंडेक्स 9 पढ़िए और देखिए कि लंबाई अब भी 3 है, और मिश्रित थैले में संख्या तथा पहली जगह का प्रकार देखिए।
- HTML नमूने में सिर्फ़ पहला रंग बदलिए, ताज़ा कीजिए, और पैराग्राफ पढ़िए।
आम चूक
- एक से गिनना और पहला रंग छोड़ देना, तथा
lengthको फ़ंक्शन की तरह कोष्ठक लगाकर बुलाना - ऐरे को
JSONपाठ मानकरparseको दे देना - यह सोचना कि खाली इंडेक्स पढ़ने भर से
lengthबढ़ जाएगा, या जगह बदलना मतलब नया मद जुड़ना - इसी पन्ने पर ऐरे मेथड ढूँढना
सार
- ऐरे स्क्रिप्ट के अंदर की जीवित सूची है और वर्ग कोष्ठक उसे बनाते हैं
- इंडेक्स 0 पहला मद है
lengthजगहें गिनता है और कॉल के कोष्ठक नहीं लेता- मौजूद इंडेक्स पर लिखना उसी जगह को बदलता है, और अंत के पार पढ़ना
undefinedहै बिना लंबाई बदले - पहला मद पेज की एक पंक्ति भर सकता है, और अगला पाठ ऐरे मेथड है जगह जोड़ने और हटाने के लिए
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी