آرایه ها در JavaScript

سه شنبه 23 شهریور 1395

این مقاله راجع به مفهوم آرایه ها در تکنولوژی JavaScript ، پیاده سازی آن ها و برخی از متدهای آن ها در این تکنولوژی بحث و بررسی می کند. کلیه متدها در کد پیاده سازی شده اند تا به سادگی ، قابل درک باشند.

آرایه ها در JavaScript

یک آرایه، مجموعه ای  از داده ها با نوع مشابه است. همه ی مقادیر آرایه ها در مکان هایی با Index های مشخص ذخیره می شوند . این Index  ها از 0 تا n-1 هستند.

تعریف یک آرایه

var myArray = [];
var myArray = [value1, value2, value3, so on...];
var myArray = new myArray(length_of_array);

بیایید این مفهوم را با مثال های زیر پیگیری کنیم.

مثال 1 :

  var myArray = [20, 30, 40, 50];
        for (var i = 0; i <= myArray.length - 1; i++) {
            document.write("مقدار موجود در اندیس  " + i + " عبارت است از " + myArray[i] + " <br/>");
        }

تکه کد بالا ، یک آرایه با 4 مقدار تعریف می کند . حلقه for برای شروع index ها از 0 تا میزان طول آرایه مورد استفاده قرار می گیرد و هر بار یکی به مقدار شمارنده حلقه (i) اضافه می شود.

از write برای نمایش مقادیر داخل آرایه با توجه به index  ها استفاده می شود. از HTML Break نیز برای فاصله انداختن بین خطوط استفاده می شود تا هر مقدار، در یک سطر مجزا نمایش داده شود.

مثال2 :

var myevenNumbersArray = [];  
for (var i = 0; i <= 5; i++)  
{  
   myevenNumbersArray[i] = i * 2;  
}  
for (var i = 0; i < myevenNumbersArray.length; i++)  
{  
   document.write(myevenNumbersArray[i] + "<br/>");  
}  

تکه کد بالا همه اعداد زوج ذخیره شده در آرایه را نمایش می دهد. ولی ما این بار در حال اضافه کردن مقادیر به صورت داینامیک به آرایه هستیم. ما برای این کار از یک حلقه for استفاده می کنیم. در ابتدای کار، ما یک آرایه تعریف کرده ایم که سایز آن مشخص نیست. این گفته به این معناست که ما هر تعداد مقدار که بخواهیم، می توانیم به آرایه اضافه کنیم. ما از یک حلقه for استفاده می کنیم که از 0 تا 5 حرکت می کند. مقدار index هر بار که حلقه ، یک بار حرکت کند، 2 واحد اضافه می شود. بنابراین 5 مقدار در آرایه ذخیره خواهند شد که عبارتند از : 0و2و4و6و8و 10.

سپس با استفاده از یک حلقه for جداگانه، ما این مقادیر را نمایش می دهیم.

مثال 3 :

استفاده از متدهای Push  و  Pop در یک آرایه :

Push() : این متد، یک مقدار را به آخرین index  آرایه اضافه می کند.

Pop() : این متد، مقدار موجود در آخرین index آرایه را حذف می کند و آن را برمی گرداند.

var myevenNumbersArray = [];  
for (var i = 0; i <= 5; i++)  
{  	
   myevenNumbersArray.push(i * 2);  
}  
for (var i = 0; i <= 5; i++)  
{  
   document.write(myevenNumbersArray.pop() + "<br/>");  
}  

 

این کد، مشابه همان تکه کدی است که در مثال 2 آن را توضیح دادیم اما تنها تفاوت آن در استفاده از متدهای push()  و  pop() است . در اولین حلقه for، متد push() ، مقدار را در آخرین index آرایه قرار می دهد و در دومین حلقه، مقادیر به صورت معکوس نشان داده می شوند زیرا متد pop() مقدار را از انتهای آرایه برمیدارد و |آن را برمی گرداند.

مثال 4 :

استفاده از متدهای Unshift()  و  Shift() :

Unshift() : این متد، یک مقدار را در اولین index آرایه قرار می دهد.

  :  Shift()این متد، اولین مقدار آرایه را حذف می کند و سپس آن را برمی گرداند.

// using unshift method with the array  
var myArray = [2, 3];  
myArray.push(4);  
myArray.unshift(1); //this method adds the value to the starting of array  
document.write(myArray + "<br/>");  
  
//using shift method with the array  
var myArray1 = [1, 2, 3, 4, 5, 6, 7, 8, 9];  
var lastElement = myArray1.pop();  
var firstElement = myArray1.shift(); //this method removes the value from the starting of array and returns it  
document.write("Last Element is : " + lastElement + "<br/>");  
document.write("First Element is : " + firstElement + "<br/>");  

تکه کد بالا بسیار ساده و شفاف است. همچنین کدها کامنت گذاری شده اند تا فهم آن ها آسان تر شوند.

فایل های ضمیمه

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان

کاربرانی که از نویسنده این مقاله تشکر کرده اند

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید