در این پست با آموزش قسمت آرایه ها از سری آموزش های جاوا اسکریپت در خدمت شما خواهیم بود.
شاید در ابتدا به اهمیت آرایه ها در جاوا اسکریپت پی نبرید اما اگر یکم مطالعه ی گسترده ای در این زمینه داشته باشید میتونید پی ببرید که بسیاری از جا ها این آرایه ها به دادمون میرسن...
در این پست یاد میگیرید :
- آرایه ها در جاوا اسکریپت چی هستند
- کاربرد آرایه ها
- نحوه ی نوشتاری آرایه ها
- فرق آرایه با متغیر
- متدconcat
- متدjoin
- متد pop
- متدpush
- متدreverse
- متدshift
- متدslice
- متدsplice
- متد toString
- متدunshift
آرایه ها در جاوا اسکریپت چی هستند
آرایه ها به گونه ای متغیر هایی هستند که پارامتر های زیادی رو شامل میشن و متغیری هست که میشه به هر پارامتر اون یک عدد داد به گونه ای که از صفر شروع شده و تا بینهایت به تعداد پارامتر های آرایه بستگی دارد.
به طور مثال برای به کار بردن اولین پارامتر یک آرایه باید اسم اون آرایه رو با 0 آورد :
name[0]
کاربرد آرایه ها
آرایه ها رو میتونین توی جا های زیادی به کار ببرید اما من یه مثالی میزنم که برای همتون روشن باشه . وقتی وارد وبلاگ های بلاگفا میشین حتما توی بیشترشون فال عاشاقنه و از این چیزارو می بینید ! اینا همشون با آرایه ها ساخته شده اند. البته باید بگم که آرایه ها بدون استفاده از متد Math که اینجا Math.floor و Math.random هستند کاربردی در برگردوندن اعداد تصادفی جهت استفاده در فالگیر و از این قبیل چیز ها نخواهند داشت. همچنین شما می توانید با آرایه ها ابزار های متنوعی از قبیل ابزار های ریاضی بسازید.
نحوه ی نوشتاری آرایه ها
آرایه ها رو مثل یه متغیر در نظر بگیرید اما در نظر داشته باشید با متغیر کلی فرق داره . متغیر ها مثل ظرف های خالی هستن که میتونن فقط 1 چیز رو توی خودشون نگه دارن اما آرایه ها دیگه از ظرف گذشته رسما ماشینن لباس شویی هستن :دی . شما برای ساختن یه آرایه میتونین از چند رووش اقدام کنید.
روش اول این چنین هست : کلیک کنید
روش دوم نیز به این صورت می باشد : کلیک کنید
در مثال های بالا ملاحظه کردید که هیچ تفاوتی با هم ندارد.دوم روش به نظر من به علت کم حجم بودن ایده آل تره.اما روش اول هم توی متن های دراز به کار آدم میاد.به هر حال نسبت به سلیقه و نیاز خود میتونین از هر دو روش استفاده کنین.
نکته:ما به علت این که پارامتر های داخل آرایه ها به صورت رشته ای String هستند آن ها را در داخل دابل کوتیشن یا سینگل کوتیشن قرار می دهیم.
فرق آرایه با متغیر
آرایه ها همان طور که بالا گفتیم عین متغیر هستند ولی با این فرق که متغیر فقط یه چیز رو میتونه داشته باشه اما آرایه میتونه با اختصاص دادن شماره تا بینهایت پارامتر داشته باشه. امیدوارم تونسته باشم به صورت ساده بگم.
متد concat
متد concat دو آرایه ی مجزا رو به هم وصل می کنه و ربط میده . فرض کنید ما دو تا آرایه داریم . در آرایه ی اولی انواع غذا و در آرایه ی دوم انواع نوشیدنی تعریف کردیم. اگه بخوایم این دو آرایه رو به هم وصل کنیم از concat استفاده می کنیم . البته بهتره بگیم اضافه نه وصل . حالا من هر چی بگم شاید شما کامل متوجه نشد حق هم دارید . پس بذارید با یه مثال عملی بهتون نشون بدم.
برای دیدن مثال : کلیک کنید
متدjoin
این متد هم زیاد به کارمون میاد کارش وصل کردن پارامتر های آرایه ها به هم با کاراکتر خاص هستش. که این کاراکتر خاص رو شما خودتون تعیین می کنید.
برای درک بهتر این موضوع کلیک کنید
مثالی دیگر
خب گفته بودیم که دابل یا سینگل کوتیشن برای رشته string به کار میره حالا من با join اینجا یه مثال دیگه ای میزنم که شما فرق number و string رو درک کنید به یاد داشته باشید این مثال من یکم با عقل و منطق جور در نمیاد اما برای درک بهتر شما این مثال رو میزنم چون که وقتی با یه خط کد همین حاصل رو بدست میاریم چرا کارمونو سخت تر کنیم؟
برای دیدن مثال : کلیک کنید
در این روش ما پارامتر های آرایه رو با + به هم متصل کردیم و با استفاده از eval حاصل اونارو محاسبه کرده و چاپ کردیم . (قاعدتا روشی احمقانه!)
متد pop
این متد آخرین پارامتر هر آرایه رو حذف میکنه . توضیح خاصی نمیخواد فقط به مثال توجه کنید.
برای دیدن مثال : کلیک کنید
متد push
متد push یه پارامتر رو توی یه آرایه هل میده یا بهتره بگم اضافه میکنه. از این متد میشه توی حلقه با عبارت های شرطی چیز های جالبی رو درست کرد ... .
برای دیدن مثال : کلیک کنید
متد reverse
این متد آرایه رو برعکس میکنه ... به همین سادگی ... نیازی به توضیح اضافی نداره
برای دیدن مثال : کلیک کنید
متد shift
این متد درست بر عکس متد pop هستش ... یعنی به جای اینکه از آخر پارامتر رو حذف کنه از اول حذف میکنه!
اگه میخواهید این موضوع رو بهتر درک کنید کلیک کنید
متد slice
این متد وابسته به شماره هر پارامتر اونارو انتخاب میکنه و در اختیار برنامه نویس قرار میده. برای این که این موضوع رو درک کنید مثال رو ببینید
متذsplice
شرمنده! فعلا خودمم در باره ی این متد اطلاع زیادی ندارم.
متد toSring
این متد آرایه رو به صورت رشته ای در میاره ... و می تونین به صورت یه رشته ازش استفاده کنید. اگر متوجه نشدید کلیک کنید
متدunshift
این متد هم برعکس متد shift هست به جای اینکه اولین پارامتر رو حذف کنه پارامتری به اول آرایه اضافه میکنه.
دوستان برای یادگیری اینا تمرین و تکرار لازمه ... اگه اشتباهی رخ داده به بزرگی خودتون ببخشید چون با حال خوبی اینارو ننوشتم ... متاسفم. به هر حال خوشحال میشم از نظراتتون منو محروم نکنید و اشتباه های منو بگین.
کپی بدون ذکر منبع و لینک مجاز نیست.
نظرات کاربران
1. سوالات نامربوط با مطلب فوق را در انجمن بپرسید.
2. نظرات محتوی هر گونه فحاشی اگر چه تایید می شوند ولی قسمت های ناپسند آن فیلتر می شود.
3. لطفا برای دریافت پاسختون هر از گاهی به نظرات مطلب مورد نظر سر بزنید.