سبد (0)

آرایه ها در 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()

آموزش صوتی JavaScript

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه