انجمن کدستانMoisrex

با سلام خدمت همه ی دوستان ... همه کسایی که مطالب مانیستر و میخونن و همراه ما هستن.

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

شاید

در ابتدا به اهمیت آرایه ها در جاوا اسکریپت پی نبرید اما اگر یکم مطالعه ی

گسترده ای در این زمینه داشته باشید میتونید پی ببرید که بسیاری از جا ها

این آرایه ها به دادمون میرسن...

در این پست یاد میگیرید :

• آرایه ها در جاوا اسکریپت چی هستند[*]کاربرد آرایه ها[*]نحوه ی نوشتاری آرایه ها[*]فرق آرایه با متغیر[*]متدconcat[*]متدjoin[*]متد pop[*]متدpush[*]متدreverse[*]متدshift[*]متدslice[*]متدsplice[*]متد toString[*]متدunshift

ها به گونه ای متغیر هایی هستند که پارامتر های زیادی رو شامل میشن و

متغیری هست که میشه به هر پارامتر اون یک عدد داد به گونه ای که از صفر

شروع شده و تا بینهایت به تعداد پارامتر های آرایه بستگی دارد.

به طور مثال برای به کار بردن اولین پارامتر یک آرایه باید اسم اون آرایه رو با 0 آورد :

name[0]

کاربرد آرایه ها

آرایه

ها رو میتونین توی جا های زیادی به کار ببرید اما من یه مثالی میزنم که

برای همتون روشن باشه . وقتی وارد وبلاگ های بلاگفا میشین حتما توی

بیشترشون فال عاشاقنه و از این چیزارو می بینید ! اینا همشون با آرایه ها

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

اینجا Math.floor و Math.random هستند کاربردی در برگردوندن اعداد تصادفی

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

توانید با آرایه ها ابزار های متنوعی از قبیل ابزار های ریاضی بسازید.

نحوه ی نوشتاری آرایه ها

آرایه

ها رو مثل یه متغیر در نظر بگیرید اما در نظر داشته باشید با متغیر کلی

فرق داره . متغیر ها مثل ظرف های خالی هستن که میتونن فقط 1 چیز رو توی

خودشون نگه دارن اما آرایه ها دیگه از ظرف گذشته رسما ماشینن لباس شویی

هستن :دی . شما برای ساختن یه آرایه میتونین از چند رووش اقدام کنید.

روش اول این چنین هست : ="in avvali";

monister[1]="inam dovvomi";

document.write(monister);

document.write('' '1 --> ' monister[0] ' 2 --> ' monister[1]);

]کلیک کنید

روش دوم نیز به این صورت می باشد : ;

document.write(monister);

document.write('' '1 --> ' monister[0] ' 2 --> ' monister[1]);

]کلیک کنید

در

مثال های بالا ملاحظه کردید که هیچ تفاوتی با هم ندارد.دوم روش به نظر من

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

آدم میاد.به هر حال نسبت به سلیقه و نیاز خود میتونین از هر دو روش

استفاده کنین.

نکته:ما

به علت این که پارامتر های داخل آرایه ها به صورت رشته ای String هستند آن

ها را در داخل دابل کوتیشن یا سینگل کوتیشن قرار می دهیم.

فرق آرایه با متغیر

آرایه

ها همان طور که بالا گفتیم عین متغیر هستند ولی با این فرق که متغیر فقط

یه چیز رو میتونه داشته باشه اما آرایه میتونه با اختصاص دادن شماره تا

بینهایت پارامتر داشته باشه. امیدوارم تونسته باشم به صورت ساده بگم.

متد concat

متد

concat دو آرایه ی مجزا رو به هم وصل می کنه و ربط میده . فرض کنید ما دو

تا آرایه داریم . در آرایه ی اولی انواع غذا و در آرایه ی دوم انواع

نوشیدنی تعریف کردیم. اگه بخوایم این دو آرایه رو به هم وصل کنیم از concat

استفاده می کنیم . البته بهتره بگیم اضافه نه وصل . حالا من هر چی بگم

شاید شما کامل متوجه نشد حق هم دارید . پس بذارید با یه مثال عملی بهتون

نشون بدم.

برای دیدن مثال : ;

var monisterDrink = ["ab","nushabe","dugh"];

var ezafe = monistefoodr.concat(monisterDrink);

document.write(ezafe);

]کلیک کنید

متدjoin

این

متد هم زیاد به کارمون میاد کارش وصل کردن پارامتر های آرایه ها به هم با

کاراکتر خاص هستش. که این کاراکتر خاص رو شما خودتون تعیین می کنید.

برای درک بهتر این موضوع ;

var ezafe = monistefoodr.join(' ');

document.write(ezafe);

]کلیک کنید

مثالی دیگر

خب

گفته بودیم که دابل یا سینگل کوتیشن برای رشته string به کار میره حالا من

با join اینجا یه مثال دیگه ای میزنم که شما فرق number و string رو درک

کنید به یاد داشته باشید این مثال من یکم با عقل و منطق جور در نمیاد اما

برای درک بهتر شما این مثال رو میزنم چون که وقتی با یه خط کد همین حاصل رو بدست میاریم چرا کارمونو سخت تر کنیم؟

برای دیدن مثال : ;

var ezafe = monistefoodr.join(' ');

var result = eval(ezafe)

document.write(result );

]کلیک کنید

در

این روش ما پارامتر های آرایه رو با به هم متصل کردیم و با استفاده از

eval حاصل اونارو محاسبه کرده و چاپ کردیم . (قاعدتا روشی احمقانه!)

متد pop

این متد آخرین پارامتر هر آرایه رو حذف میکنه . توضیح خاصی نمیخواد فقط به مثال توجه کنید.

برای دیدن مثال : ;

document.getElementById('monister').innerHTML=monistefoodr ;

function ok(){

monistefoodr.pop();

document.getElementById('monister').innerHTML=monistefoodr ;

}

]کلیک کنید

متد push

متد

push یه پارامتر رو توی یه آرایه هل میده یا بهتره بگم اضافه میکنه. از

این متد میشه توی حلقه با عبارت های شرطی چیز های جالبی رو درست کرد ... .

برای دیدن مثال : ;

monistefoodr.push("kalameye 4");

document.write(monistefoodr);

]کلیک کنید

متد reverse

این متد آرایه رو برعکس میکنه ... به همین سادگی ... نیازی به توضیح اضافی نداره

برای دیدن مثال : ;

monistefoodr.reverse();

document.write(monistefoodr);

]کلیک کنید

متد shift

این متد درست بر عکس متد pop هستش ... یعنی به جای اینکه از آخر پارامتر رو حذف کنه از اول حذف میکنه!

اگه میخواهید این موضوع رو بهتر درک کنید ;

monistefoodr.shift();

document.write(monistefoodr);

]کلیک کنید

متد slice

این

متد وابسته به شماره هر پارامتر اونارو انتخاب میکنه و در اختیار برنامه

نویس قرار میده. برای این که این موضوع رو درک کنید مثال رو ;

var joined = monistefoodr.slice(1,3);

document.getElementById('monister').innerHTML=joined ;

]ببینید

متذsplice

شرمنده! فعلا خودمم در باره ی این متد اطلاع زیادی ندارم.

متد toSring

این متد آرایه رو به صورت رشته ای در میاره ... و می تونین به صورت یه رشته ازش استفاده کنید. اگر متوجه نشدید ;

document.getElementById('monister').innerHTML=monistefoodr.toString() ;

document.write('didi ke tabdil be ' typeof(document.getElementById('monister').innerHTML) ' shod!')

]کلیک کنید

متدunshift

این متد هم برعکس متد shift هست به جای اینکه اولین پارامتر رو حذف کنه پارامتری به اول آرایه اضافه میکنه.

;

monistefoodr.unshift('kalameye 0! ');

document.write(monistefoodr);

]مثال

دوستان

برای یادگیری اینا تمرین و تکرار لازمه ... اگه اشتباهی رخ داده به بزرگی

خودتون ببخشید چون با حال خوبی اینارو ننوشتم ... متاسفم. به هر حال خوشحال

میشم از نظراتتون منو محروم نکنید و اشتباه های منو بگین.

آدرس مطلب در سایت منبع

برای حمایت و دلگرمی ما در سایت منبع نظر بدید ...

موفق باشید