::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

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

MoisrexMoisrex.rozblog.com
زمان جاریtime : سه شنبه 12 مرداد 1400 - 11:21 قبل از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
آموزش جامع و کامل آرایه در جاوا اسکریپت
تعداد بازدیدvisits : 174
monister آفلاین



ارسال هاAnswers : 1002
عضویتRegistration date : 18 /11 /1391
حمایت کردهThanks : 222
حمایت شدهThanked : 214
آموزش جامع و کامل آرایه در جاوا اسکریپت

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

در این پست یاد میگیرید :
  • آرایه ها در جاوا اسکریپت چی هستند[*]کاربرد آرایه ها[*]نحوه ی نوشتاری آرایه ها[*]فرق آرایه با متغیر[*]متد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);
]مثال

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



Instead of success in a base I hate, I prefer to loose in a base I enjoy
MY website : Www.Monister.Ir
My Love Blog : Www.Ehsan-Gomnam.BLOGFA.com
یکشنبه 12 مرداد 1393 - 16:50
وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
monister آفلاین



ارسال‌هاAsnwers : 1002
عضویتRegistration date : 18 /11 /1391
حمایت کردهthanks : 222
حمایت شدهThanked : 214
پاسخAnswer 1 : آموزش جامع و کامل آرایه در جاوا اسکریپت
متاسفانه لینک ها دچار مشکل شدن اما میتونین توی منبع بخونید واقعا شرمندم ... مشکل ادیتور مشکل من نیست دیگه .
Instead of success in a base I hate, I prefer to loose in a base I enjoy
MY website : Www.Monister.Ir
My Love Blog : Www.Ehsan-Gomnam.BLOGFA.com
یکشنبه 12 مرداد 1393 - 16:52
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport






برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.


moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex