آرایه‌ها در جاوا اسکریپت

مثل هر زبان برنامه نویسی دیگری میتوان از آرایه‌ها در جاوا اسکریپت نیز استفاده نمود. زمانی که بخواهید چندین متغیر را در یک جا ذخیره کنید باید از آرایه ها استفاده کنید. در این پست با آرایه ها در جاوا اسکریپت آشنا میشویم.آرایه‌هااز آرایه‌ها در جاوا اسکریپت برای ذخیره سازی چندین مقدار در یک متغیر استفاده می‌شود:<p id="demo"></p> var cars = ["Saab", "Volvo", "BMW"]; document.getElementById("demo") = cars; </scriptدر نمونه مثال بالا آرایه ای با سه مقدار تعریف شده است، خروجی نمونه مثال بالا به شکل زیر است:Saab,Volvo,BMWآرایه چیست؟آرایه یک متغیر مخصوص بوده که می تواند بیش از یک مقدار را همزمان در خود نگه دارد. اگر شما لیستی از آیتم های مختلف را داشته باشید: برای مثال لیستی از نام چندین اتومبیل، برای ذخیره سازی آن ها در متغیر های جداگانه می توانید به شکل زیر عمل کنید :var car1 = "Saab"; var car2 = "Volvo"; var car3 = "BMW"; با این حال اگر بخواهید در بین نام ها جستجو کرده و اتومبیل مشخصی را پیدا کنید، چطور می‌شود این کار را انجام داد؟ مخصوصاً اگر تعداد متغیرهای شما زیاد باشد. راه حل این مشکل استفاده از یک آرایه است. با استفاده از یک آرایه می‌توان چندین مقدار را در یک متغیر قرار داد، سپس با استفاده از اعداد index به مقدار مورد نظر دسترسی پیدا کرد.ایجاد یک آرایهبرای ایجاد یک آرایه می توانید از قاعده نوشتاری زیر استفاده کنید:var array_name = [item1, item2, ...];مثالی در این باره را در زیر مشاهده میکنید :<p id="demo"></p> var cars = ["Saab", "Volvo", "BMW"]; document.getElementById("demo") = cars; می‌توان آرایه بالا را به شکل زیر نیز تعریف کرد (در این صورت خوانایی برنامه بیشتر خواهد شد:var cars = [ "Saab", "Volvo", "BMW" ]; استفاده از کلمه کلیدی new در جاوا اسکریپتدر نمونه مثال زیر با استفاده از کلمه new یک آرایه را تعریف کرده و مقادیری را به آن انتساب داده ایم:<p id="demo"></p> var cars = new Array("Saab", "Volvo", "BMW"); document.getElementById("demo") = cars; خروجی نمونه مثال بالا به شکل زیر است:Saab, Volvo, BMWدر مثال‌های بالا دو روش تعریف آرایه را به شما یاد دادیم. با استفاده از هر دو روش می‌توان آرایه‌ها را ایجاد کرد. ولی برای سادگی می‌توان از روش اول (بدون کلمه new) استفاده نمود.دسترسی به عناصر یک آرایهمیتوان به عناصر یک آرایه با استفاده از اعداد index دسترسی داشت. در نمونه مثال زیر مقدار اولین عنصر از آرایه cars برگردانده میشود: var name = cars[0]; <p id="demo"></p> var cars = ["Saab", "Volvo", "BMW"]; document.getElementById("demo") = cars[0]; نکته : مقدار index در آرایه ها از صفر شروع می‌شود. در واقع [0] اولین عنصر و [1] دومین عنصر را نشان میدهد.تغییر عناصر یک آرایهدر نمونه مثال زیر مقدار اولین عنصر آرایه cars تغییر یافته است:cars[0] = "Opel";<p id="demo"></p> var cars = ["Saab", "Volvo", "BMW"]; cars[0] = "Opel"; document.getElementById("demo") = cars; خروجی نمونه مثال بالا به شکل زیر است:Opel, Volvo, BMWدسترسی به همه مقادیر یک آرایهبرای دسترسی به همه مقادیر عناصر یک آرایه می‌توان از نام آرایه استفاده نمود:<p id="demo"></p> var cars = ["Saab", "Volvo", "BMW"]; document.getElementById("demo") = cars; خروجی نمونه مثال بالا به شکل زیر است:Saab, Volvo, BMWآرایه‌ها Object هستندآرایه ها نوع خاصی از Object ها هستند، اگر عملگر typeof را بر روی آرایه‌ها به کار ببریم، مقدار "object" را برای ما بر می‌گرداند. آرایه‌ها در جاوا اسکریپت برای دسترسی به عناصر خود از اعداد استفاده می‌کنند. در نمونه مثال زیر [person[0 مقدار John را برمیگرداند‌:<p id="demo"></p> var person = ["John", "Doe", 46]; document.getElementById("demo") = person[0]; خروجی نمونه مثال بالا به شکل زیر است:Johnعناصر یک آرایه میتوانند Object باشندعناصر یک آرایه نیز می‌توانند Object باشند. به همین دلیل شما می‌توانید در یک آرایه مشخص، متغیرهایی با نوع‌های مختلف داشته باشید. حتی می‌توان در خانه‌های یک آرایه از یک شی استفاده نمود.میتوان در یک آرایه از توابع هم استفاده کرد:myArray[0] = Date.now; myArray[1] = myFunction; myArray[2] = myCars; پروپرتی‌ها و متدهای یک آرایهدر نمونه مثال زیر با استفاده از پروپرتی length میتوان تعداد خانه‌های موجود در آرایه را به دست آورد. همچنین با استفاده ازمتد ()sort می‌توان آرایه را مرتب سازی کرد. var x = cars.length; // The length property returns the number of elements var y = cars.sort(); // The sort() method sorts arrays پروپرتی length در آرایه‌هابا استفاده از پروپرتی length در یک آرایه می‌توان طول آن آرایه را به دست آورد (تعداد و مقداری که در آن آرایه وجود دارد:<p id="demo"></p> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo") = fruits.length; خروجی نمونه مثال بالا به شکل زیر است:4دسترسی به اولین عنصر از یک آرایهبا استفاده از [0] میتوان به اولین عنصر از آرایه دسترسی داشت:<p id="demo"></p> var fruits = ["Banana", "Orange", "Apple", "Mango"]; var first = fruits[0]; document.getElementById("demo") = first; خروجی نمونه مثال بالا:Bananaدسترسی به آخرین عنصر از یک آرایه<p id="demo"></p> var fruits = ["Banana", "Orange", "Apple", "Mango"]; var last = fruits[fruits.length-1]; document.getElementById("demo") = last; خروجی نمونه مثال بالا:Mangoپیمایش در بین عناصر یک آرایهامن ترین راه برای پیمایش بین عناصر یک آرایه استفاده از حلقه "for" است:var fruits, text, fLen, i; fruits = ["Banana", "Orange", "Apple", "Mango"]; fLen = fruits.length; text = "<ul>"; for (i = 0; i < fLen; i++) { text += "<li>" + fruits[i] + "</li>"; } text += "</ul>"; همچنین می‌توان از تابع ()Array.forEach استفاده نمود:var fruits, text; fruits = ["Banana", "Orange", "Apple", "Mango"]; text = "<ul>"; fruits.forEach(myFunction); text += "</ul>"; function myFunction(value) { text += "<li>" + value + "</li>"; } افزودن به عناصر آرایهآسان ترین راه برای اضافه کردن یک عنصر جدید به یک آرایه استفاده از متد push است:var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Lemon"); برای مطالعه پست‌های بیشتر ما را در وبلاگ کارادمی و یا در ویرگول دنبال کنید.