ساخت آرایه ها (Arrays)، به روش ساده و یا با کلاس Array ، در JavaScript
در مبحثی دیگر، چگونگی تعریف متغیر ها (variables) با استفاده از دستور var را شرح دادیم، اما گاهی اوقات نیاز داریم که تعدادی مقدار را به صورت همزمان و در یک آرایه (Array) تعریف کنیم. برای این منظور، می توانیم از هر یک از روش های زیر اقدام کنیم :
1- تعریف آرایه، تنها با به کار بردن دستور var :
همان طور که مشاهده می کنید، شماره (اندیس) عنصر را در جلوی نام آرایه (Array) و در میان علامت های [ و ] قرار می دهیم و سپس یک علامت تساوی و در آخر، مقدار مورد نظرمان برای آن عنصر از آرایه را می نویسیم.
نکته مهم این است که اندیس هایی که برای عنصرهای آرایه در نظر می گیریم، از عدد صفر شروع می شوند (نه از عدد یک).
همچنین اگر بخواهیم تمامی عنصرهای آرایه را به صورت همزمان تعریف کنیم، کدها را به شکل زیر می نویسیم :
2- تعریف آرایه، با استفاده از کلاس Array :
از کلاس (class) با نام Array ، یک شیء (object) ساخته ایم. اگر مفاهیم کلاس (class) و شیء (object) را نمی دانید، باید بگویم که این مفاهیم، مربوط به برنامه نویسی شیء گرا (oop) می باشد (نیازی نیست که حتما این مفاهیم را بدانید).
همچنین اگر بخواهیم تمامی عنصرهای آرایه را به صورت همزمان تعریف کنیم، کدها را به شکل زیر می نویسیم :
برای عناصر یک آرایه، اندیس، هم می تواند به صورت عدد باشد و هم به صورت رشته (string). برای اندیس به صورت عدد، کدهایی را شرح دادیم، بد نیست کدهایی را هم برای تعیین اندیس به صورت رشته (string) ارائه کنیم :
و یا کد زیر :
با توجه به کدهای بالا، اکنون اگر بخواهیم به مقدار value2 در آرایه myarray اشاره کنیم، باید عبارت زیر را بنویسیم :
سه پاراگراف با id های برابر paragraph1 و paragraph2 و paragraph3 تعریف می کنیم و سپس با کدهای javascript ، یک آرایه با نام colorNames تعریف می کنیم که نام سه رنگ مختلف در آن ذخیره شده است و سپس با روش document.getElementById ، به هر یک از پاراگراف ها، ارجاع می دهیم و رنگ پس زمینه آنها را بر اساس یکی از عناصر آرایه colorNames قرار می دهیم :