آموزش JavaScript (قسمت ۴)

آموزش-javascript-قسمت-۴

در این بخش از آموزش JavaScript قصد دارم با آرایه ها (Array) و نحوه استفاده از آن ها را براتون آموزش بدم.اگر بخوام برای آرایه توضیح کوتاهی بدم باید بگم آرایه شامل تعداد دلخواهی از اطلاعاتی مانند رشته و یا عدد می باشد که توسط یک اسم متغیر می توان به آنها دسترسی داشته باشیم.اسامی دانشجویان یک کلاس و یا لیست زبان های برنامه نویسی وب را می توانیم برای درک بهتر آرایه، مثال بزنیم. برای آشنایی با مفهوم آرایه ها به تکه کدهای زیر توجه کنید.

تعریف آرایه در JavaScript : 

// نحوه تعریف آرایه
var Array_name = ['data1', 'data2', 'data3', 'data4', '...', 'dataX'];

Array_name : نام ارایه 

ما توسط کدهای بالا یک آرایه تک بعدی ساده ایجاد کردیم.منظور از آرایه تک بعدی یعنی آرایه فقط شامل رشته می باشد ولی اگر در داخل یک آرایه، از آرایه های دیگری استفاده کنیم یک آرایه دو بعدی ساخته ایم. برای مثال ما نیاز به یک آرایه داریم که نام، مدل، رنگ و نوع شاسی یک خودرو را در بر داشته باشد. برای اینکار می توانیم به صورت کدهای زیر عمل کنیم.

// نحوه تعریف آرایه دو بعدی
var Car = {name:'پژو', year:'1395', color:'سفید', 'type':'شاسی بلند'};

در تکه کد بالا با مفهوم آرایه دو بعدی هم آشنا شدید و تفاوت آن را با آرایه تک بعدی فهمیدین.

 توجه داشته باشید که نام آرایه و متغییر ها به بزرگی و کوچکی حروف حساس می باشند.

خب حالا ممکنه براتون سوال پیش اومده باشه که چجوری از این آرایه استفاده کنیم. نحوه استفاده از آرایه رو به صورت غیر مستقیم در آموزش JQuery (قسمت ۴) توسط حلقه های تکرار شونده گفتم که می توانید از این آموزش هم استفاده کنید.

نحوه استفاده از آرایه ها :

document.getElementById("name").innerHTML = Car.name;
document.getElementById("year").innerHTML = Car.year;
document.getElementById("color").innerHTML = Car.color;
document.getElementById("type").innerHTML = Car.type;

در کدهای بالا، ما توانستیم به اطلاعات آرایه Car دسترسی پیدا کنیم و از آنها در HTML استفاده کنیم.


► قسمت قبلی قسمت بعدی ◄
خودتان امتحان کنید

آموزش های مرتبط :



پرسش و پاسخ

سوالی دارید بپرسید؟