जावास्क्रिप्ट सरणियाँ
एक सरणी एक विशेष चर है, जिसमें एक से अधिक मान हो सकते हैं:
const cars = ["Saab", "Volvo", "BMW"];
एक ऐरे का उपयोग क्यों करें?
यदि आपके पास वस्तुओं की एक सूची है (उदाहरण के लिए कार नामों की एक सूची), कारों को एकल चर में संग्रहीत करना इस तरह दिख सकता है:
let car1 = "Saab";
let car2 = "Volvo";
let car3 = "BMW";
हालांकि, क्या होगा यदि आप कारों के माध्यम से लूप करना चाहते हैं और एक विशिष्ट खोजना चाहते हैं? और क्या होगा अगर आपके पास 3 कारें नहीं, बल्कि 300 हैं?
समाधान एक सरणी है!
एक सरणी एक ही नाम के तहत कई मान रख सकती है, और आप एक इंडेक्स नंबर का हवाला देकर मूल्यों तक पहुंच सकते हैं।
एक सरणी बनाना
एक जावास्क्रिप्ट ऐरे बनाने का सबसे आसान तरीका एक सरणी शाब्दिक का उपयोग करना है।
वाक्य - विन्यास:
const array_name = [item1, item2, ...];
कॉन्स कीवर्ड के साथ सरणियों को घोषित करना एक आम बात है ।
अध्याय में सरणियों के साथ const के बारे में और जानें : JS Array Const ।
उदाहरण
const cars = ["Saab", "Volvo", "BMW"];
रिक्त स्थान और लाइन ब्रेक महत्वपूर्ण नहीं हैं। एक घोषणा कई पंक्तियों तक फैल सकती है:
उदाहरण
const cars = [
"Saab",
"Volvo",
"BMW"
];
आप एक सरणी भी बना सकते हैं, और फिर तत्व प्रदान कर सकते हैं:
उदाहरण
const cars = [];
cars[0]= "Saab";
cars[1]= "Volvo";
cars[2]= "BMW";
जावास्क्रिप्ट कीवर्ड का प्रयोग नया
निम्न उदाहरण भी एक ऐरे बनाता है, और इसे मान निर्दिष्ट करता है:
उदाहरण
const cars = new Array("Saab", "Volvo", "BMW");
उपरोक्त दो उदाहरण बिल्कुल वही करते हैं।
उपयोग करने की कोई आवश्यकता नहीं है new Array()।
सरलता, पठनीयता और निष्पादन गति के लिए, सरणी शाब्दिक विधि का उपयोग करें।
ऐरे तत्वों तक पहुंचना
आप अनुक्रमणिका संख्या का हवाला देकर किसी सरणी तत्व तक पहुँच प्राप्त करते हैं :
const cars = ["Saab", "Volvo", "BMW"];
let car = cars[0];
नोट: ऐरे इंडेक्स 0 से शुरू होते हैं।
[0] पहला तत्व है। [1] दूसरा तत्व है।
एक ऐरे तत्व बदलना
यह कथन पहले तत्व के मान को बदलता है cars:
cars[0] = "Opel";
उदाहरण
const cars = ["Saab", "Volvo", "BMW"];
cars[0] = "Opel";
पूर्ण ऐरे तक पहुँचें
जावास्क्रिप्ट के साथ, सरणी नाम का हवाला देकर पूर्ण सरणी तक पहुँचा जा सकता है:
उदाहरण
const cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars;
सरणियाँ वस्तुएँ हैं
Arrays एक विशेष प्रकार की वस्तुएँ हैं। जावास्क्रिप्ट में typeofऑपरेटर सरणियों के लिए "ऑब्जेक्ट" देता है।
लेकिन, जावास्क्रिप्ट सरणियों को सरणियों के रूप में सबसे अच्छा वर्णित किया गया है।
Arrays अपने "तत्वों" तक पहुँचने के लिए संख्याओं का उपयोग करता है। इस उदाहरण में, person[0]
जॉन लौटाता है:
सरणी:
const person = ["John", "Doe", 46];
ऑब्जेक्ट अपने "सदस्यों" तक पहुंचने के लिए नामों का उपयोग करते हैं। इस उदाहरण में,
person.firstName
जॉन लौटाता है:
वस्तु:
const person = {firstName:"John", lastName:"Doe", age:46};
ऐरे तत्व ऑब्जेक्ट हो सकते हैं
जावास्क्रिप्ट चर वस्तुएं हो सकती हैं। ऐरे विशेष प्रकार की वस्तुएं हैं।
इस वजह से, आपके पास एक ही ऐरे में विभिन्न प्रकार के चर हो सकते हैं।
आपके पास ऐरे में ऑब्जेक्ट हो सकते हैं। आपके पास एक ऐरे में फ़ंक्शन हो सकते हैं। आपके पास एक ऐरे में सरणियाँ हो सकती हैं:
myArray[0] = Date.now;
myArray[1] = myFunction;
myArray[2] = myCars;
सरणी गुण और तरीके
जावास्क्रिप्ट सरणियों की वास्तविक ताकत अंतर्निहित सरणी गुण और विधियाँ हैं:
cars.length // Returns the number of elements
cars.sort() // Sorts the array
अगले अध्यायों में ऐरे विधियों को शामिल किया गया है।
लंबाई संपत्ति
एक सरणी की lengthसंपत्ति एक सरणी की लंबाई (सरणी तत्वों की संख्या) लौटाती है।
उदाहरण
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.length;
lengthगुण हमेशा उच्चतम सरणी अनुक्रमणिका से एक अधिक होता है ।
पहले ऐरे तत्व तक पहुँचना
उदाहरण
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[0];
अंतिम ऐरे तत्व तक पहुंचना
उदाहरण
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[fruits.length - 1];
लूपिंग ऐरे एलिमेंट्स
एक सरणी के माध्यम से लूप करने का एक तरीका, एक forलूप का उपयोग कर रहा है:
उदाहरण
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fLen = fruits.length;
let text = "<ul>";
for (let i = 0; i < fLen; i++) {
text += "<li>" + fruits[i] + "</li>";
}
text
+= "</ul>";
आप Array.forEach()फ़ंक्शन का उपयोग भी कर सकते हैं:
उदाहरण
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let text = "<ul>";
fruits.forEach(myFunction);
text += "</ul>";
function
myFunction(value) {
text += "<li>" + value + "</li>";
}
ऐरे तत्वों को जोड़ना
किसी सरणी में नया तत्व जोड़ने का सबसे आसान तरीका push()विधि का उपयोग करना है:
उदाहरण
const fruits = ["Banana", "Orange", "Apple"];
fruits.push("Lemon"); // Adds a new element (Lemon) to fruits
संपत्ति का उपयोग करके एक सरणी में नया तत्व भी जोड़ा जा सकता है length:
उदाहरण
const fruits = ["Banana", "Orange", "Apple"];
fruits[fruits.length] = "Lemon"; // Adds "Lemon" to fruits
चेतावनी!
उच्च अनुक्रमणिका वाले तत्वों को जोड़ने से एक सरणी में अपरिभाषित "छेद" बन सकते हैं:
उदाहरण
const fruits = ["Banana", "Orange", "Apple"];
fruits[6] = "Lemon"; // Creates undefined "holes" in fruits
साहचर्य सरणियाँ
कई प्रोग्रामिंग भाषाएं नामित इंडेक्स के साथ सरणियों का समर्थन करती हैं।
नामित अनुक्रमणिका वाले सरणी को सहयोगी सरणी (या हैश) कहा जाता है।
जावास्क्रिप्ट नामित अनुक्रमणिका के साथ सरणियों का समर्थन नहीं करता है।
जावास्क्रिप्ट में, सरणियाँ हमेशा क्रमांकित अनुक्रमणिका का उपयोग करती हैं ।
उदाहरण
const person = [];
person[0] = "John";
person[1] = "Doe";
person[2] = 46;
person.length; // Will return 3
person[0]; // Will return "John"
चेतावनी !!
यदि आप नामांकित अनुक्रमणिका का उपयोग करते हैं, तो जावास्क्रिप्ट किसी वस्तु के लिए सरणी को फिर से परिभाषित करेगा।
उसके बाद, कुछ सरणी विधियाँ और गुण गलत परिणाम देंगे ।
उदाहरण:
const person = [];
person["firstName"] = "John";
person["lastName"] = "Doe";
person["age"] = 46;
person.length; // Will return 0
person[0]; // Will return undefined
सरणियों और वस्तुओं के बीच का अंतर
जावास्क्रिप्ट में, सरणियाँ क्रमांकित अनुक्रमणिका का उपयोग करती हैं ।
जावास्क्रिप्ट में, ऑब्जेक्ट नामित अनुक्रमणिका का उपयोग करते हैं ।
Arrays एक विशेष प्रकार की वस्तुएँ हैं, जिनमें क्रमांकित अनुक्रमणिकाएँ होती हैं।
सरणियों का उपयोग कब करें। वस्तुओं का उपयोग कब करें।
- जावास्क्रिप्ट सहयोगी सरणियों का समर्थन नहीं करता है।
- जब आप चाहते हैं कि तत्वों के नाम स्ट्रिंग्स (पाठ) हों, तो आपको वस्तुओं का उपयोग करना चाहिए ।
- जब आप चाहते हैं कि तत्वों के नाम संख्याएं हों, तो आपको सरणियों का उपयोग करना चाहिए ।
जावास्क्रिप्ट नया ऐरे ()
जावास्क्रिप्ट में बिल्ट इन ऐरे कंस्ट्रक्टर है new Array()।
लेकिन आप []इसके बजाय सुरक्षित रूप से उपयोग कर सकते हैं।
ये दो अलग-अलग कथन दोनों एक नया खाली सरणी बनाते हैं जिसका नाम अंक है:
const points = new Array();
const points = [];
ये दो अलग-अलग कथन दोनों एक नई सरणी बनाते हैं जिसमें 6 संख्याएँ होती हैं:
const points = new Array(40, 100, 1, 5, 25, 10);
const points = [40, 100, 1, 5, 25, 10];
कीवर्ड कुछ newअप्रत्याशित परिणाम दे सकता है:
// Create an array with three elements:
const points = new Array(40, 100, 1);
// Create an array with two elements:
const points = new Array(40, 100);
// Create an array with one element ???
const points = new Array(40);
एक सामान्य त्रुटि
const points = [40];
के समान नहीं है:
const points = new Array(40);
// Create an array with one element:
const points = [40];
// Create an array with 40 undefined elements:
const points = new Array(40);
एक ऐरे को कैसे पहचानें
एक सामान्य प्रश्न है: मुझे कैसे पता चलेगा कि कोई चर एक सरणी है?
The problem is that the JavaScript operator typeof returns
"object":
const fruits = ["Banana", "Orange", "Apple"];
let type = typeof fruits;
The typeof operator returns object because a JavaScript array is an object.
Solution 1:
To solve this problem ECMAScript 5 (JavaScript 2009) defined a new method Array.isArray():
Array.isArray(fruits);
Solution 2:
The instanceof operator returns true if an object is created
by a given constructor:
const fruits = ["Banana", "Orange", "Apple"];
fruits instanceof Array;
Complete Array Reference
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.