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

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

مقدمه :

زبان جاوا اسکریپت، زبان برنامه نویسی شی گرا و پویایی است، که کاربرد بسیاری در صفحات وب دارد. و به کمک این زبان برنامه نویسی می توان به اشیای درون صفحه‌های HTML دسترسی پیدا کرد. هنگامی که ساختار کلی و ظاهری صفحات اینترنتی با HTML & CSS تکمیل می‌شوند؛ با جاوا اسکریپت (JS) می توان به کنترل صفحات پرداخت.

ویدیوی آموزش آرایه ها در جاوا اسکریپت :

جهت یادگیری آرایه ها جاوا اسکریپت، ویدئوی آموزشی زیر را مشاهده نمایید.

چنانچه فرصت تماشای ویدئوی فوق را ندارید، یا از حوصله شما خارج است، در ادامه با ما همراه باشید.

آموزش آرایه ها جاوا اسکریپت به صورت متنی :

فرض کنید یک لیست از اعضای یک کلاس پنج نفره را در اختیار دارید، که باید اسامی افراد کلاس را وارد برنامه کنید. شما می توانید دو کار انجام بدهید:

1. بدون استفاده از آرایه ها
2. استفاده از آرایه ها

اگر از آرایه ها نخواهید استفاده کنید، باید برای هر نامی یک متغیر تعریف کنید. به شکل زیر:

<script>
var  Name1 =”ali”;
var  Name2 =”negin”;
var  Name3 = “alireza”;
var  Name4 =”amir”;
var  Name5 =”sara”	;
</script>

الان 5 متغیر تعریف کردیم، که نام های اعضای کلاس را در خود ذخیره کرده اند.

همین نام ها را می توانستیم با کمک آرایه ها، تنها در یک متغیر ذخیره کنیم. به مثال زیر دقت کنید:

<script>
var Name_Class1 = new Array();
Name_Class1 = [“ali” , “negin” , “alireza” , “amir” , “sara”];

<script/>

در این مثال متغیری به نام Name_Class1 تعریف کردیم و نام تمامی اعضای کلاس را در آن ریختیم.

از آرایه ها در جاوا اسکریپت برای ذخیره سازی چندین مقدار در یک متغیر استفاده می شود. یعنی یک متغیر مخصوصی است که، می تواند بیشتر از یک مقدار را در خود ذخیره کند.

آرایه Name_Class1 را می توانیم به شکل دیگری نیز مقداری کنیم:

<script>
var Name_Class1 = new Array(“ali” , “negin” , “alireza” , “amir” , “sara”);
<script/>

به این نکته نیز باید توجه داشته باشید که، برای دسترسی به عناصر داخل آرایه، باید شماره آن عضو را بدانیم. شماره های خانه ها در آرایه از صفر شروع می‌شود.

در مثال های بالا داریم:

Name_Class1[0] = “ali” ;
Name_Class1[1] =  “negin”;
Name_Class1[2] = “alireza";
Name_Class1[3] = “amir” ;
Name_Class1[4] =  “sara”;

اگر بخواهیم به طور مثال نام Sara را در خروجی به کاربر نمایش بدهیم، باید کد زیر را اجرا کنیم:

alert(Name_Class1[4]);

به پایان آموزش “آرایه ها در جاوا اسکریپت” رسیدیم. چنانچه ابهام و یا اشکالی داشتید، می توانید در بخش نظرات مطرح نمایید.