آموزش طراحی سایت (HTML CSS Javascript) | آتریا

آرایه ها در JavaScript

آرایه ها در JavaScript
شیء آرایه یک نوع خاص از متغیر هاست که می تواند چندین داده را در قالب یک نام در خود ذخیره کند.

مثال - خودتان امتحان کنید
Wiki
ایجاد و مقداردهی یک آرایه:
مثال (آرایه ها در JavaScript)
var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
خودتان امتحان کنید »
مثال های بیشتری را در انتهای این مطلب خواهید دید.
آرایه چیست؟
Wiki
آرایه یک متغیر خاص است که می توانید بیشتر از یک مقدار را در یک زمان در آن ذخیره نمایید.
اگر لیستی از آیتم ها داشته باشید (برای مثال، یک لیست از نام ماشین ها)، و بخواهید هر آیتم را در یک متغیر تنها ذخیره نمایید، می توان مانند زیر عمل نمود:
var car1="Saab";
var car2="Volvo";
var car3="BMW";
حالا:
- اگر لیست شما بیشتر از 3 آیتم باشد مثلاً 300تا چه کار می کنید.
- اگر در این لیست به دنبال یک ماشین خاص باشید چه کار می کنید.
در اینجا بهترین راه حل استفاده از آرایه ها است.
یک آرایه می تواند مقادیر متغیرها را تحت یک نام برای شما نگه دارد. و شما از طریق ایندکس آرایه می توانید به مقادیر دسترسی داشته باشید.
هر آیتم در آرایه ایندکس منحصر به فردی برای خود دارد که به راحتی از طریق ایندکس می توانید به مقادیر دسترسی پیدا کنید.
ایجاد آرایه
Wiki
آرایه ها به سه روش ایجاد می شوند:
1: با قاعده:
var myCars=new Array();
myCars[0]="Saab";
myCars[1]="Volvo";
myCars[2]="BMW";
2: خلاصه شده:
var myCars=new Array("Saab","Volvo","BMW");
3: تحت الفظی:
var myCars=["Saab","Volvo","BMW"];
در کدهای بالا، یک شیء آرایه با نام myCars ایجاد می شود.
دسترسی به عناصر آرایه
Wiki
هر آیتم در آرایه ایندکس منحصر به فردی برای خود دارد که به راحتی از طریق ایندکس می توانید به مقادیر دسترسی پیدا کنید.
کد زیر، مقدار اولین عنصر آرایه myCars را در متغیر name قرار می دهد:
var name=myCars[0];
کد زیر، اولین عنصر آرایه myCars را تعریف می کند:
myCars[0]="Opel";
توجه: ایندکس آرایه از صفر شروع می شود، یعنی اولین آیتم [0] است، دومین آیتم [1] و...
ذخیره اشیاء مختلف در یک آرایه
Wiki
تمام متغیرها، عناصر آرایه و توابع در JavaScript، شیء محسوب می شوند.
شما می توانید، انواع مختلف متغیرها، خروجی یک تابع و یا یک آرایه را در آرایه ای دیگر ذخیره نمایید:
myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;
خصوصیتlength و متد indexof
Wiki
در مثال زیر، خصوصیت length، تعداد عناصر آرایه myCars را در متغیر x قرار می دهد و تابع ()indexof، ایندکس عنصر مشخص شده را بر می گرداند:
var x=myCars.length             // the number of elements in myCars
var y=myCars.indexOf("Volvo")   // the index position of "Volvo"
مرجع کامل شیء آرایه
برای مشاهده یک مرجع کامل از خصوصیت ها (Property) و متدهای (Method) مربوط به آرایه ها، به لینک زیر مراجعه نمایید:
Complete Array Object Reference
ایجاد متدهای جدید
Wiki
prototype، یک سازنده (constructor) عمومی در JavaScript است. از این طریق می توان، برای هر شیءای در JavaScript یک خصوصیت یا متد جدید ساخت.
مثال: ساخت یک متد جدید برای آرایه ها
Array.prototype.ucase=function()
{
for (i=0;i<this.length;i++)
{this[i]=this[i].toUpperCase();}
}
خودتان امتحان کنید »
در مثال بالا، یک متد جدید با نام ucase ساخته شده است که مقادیر عناصر آرایه را به حروف بزرگ تبدیل می کند.

مثال - خودتان امتحان کنید
اتصال دو آرایه - concat()
اتصال سه آرایه - concat()
تمام عناصر آرایه در یک متغیر - join()
حذف آخرین عنصر آرایه - pop()
اضافه کردن یک عنصر جدید به انتهای آرایه - push()
معکوس کردن ترتیب عناصر آرایه - reverse()
حذف اولین عنصر آرایه - shift()
برش و انتخاب یک قسمت از آرایه - slice()
مرتب کردن آرایه بر اساس حروف الفبا و صعودی - sort()
مرتب کردن آریه عددی و صعودی - sort()
مرتب کردن آرایه عددی و نزولی - sort()
اضافه کردن یک عنصر جدید در مکان 2 یک آرایه - splice()
تبدیل یک آرایه به یک رشته - toString()
اضافه کردن یک عنصر جدید به ابتدای یک آرایه - unshift()