برای اطلاع از آپدیت دوره ها و تخفیف ها عضو کانال اطلاع رسانی ما بشید ما شوید !
02128428905
0

آرایه ها در جاوا اسکریپت (۲۰۲۰) + ویدئو

Arrays in JavaScript

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

 

آرایه ها در جاوا اسکریپت

 

خب ما میخوایم راجب آرایه ها ، تعریف کردنشون ، نحوه ی ایجاد کردنشون و کاربردشون و غیره صحبت کنیم .

از ارایه ها برای ذخیره سازی  چند مقدار در یک متغیر استفاده می کنیم.

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

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

 

روش اول تعریف آرایه در جاوا اسکریپت:روش اول تعریف آرایه در جاوا اسکریپت:

 

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

درون ارایه هر نوع type of یی رو میتونیم قرار بدیم چه از نوع string چه از نوع number چه از نوع boolean و غیره.

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

در اینجا که  اسم ارایه ی ما array هست مثلا ما بخایم به zahra دسترسی داشته باشیم باید به این شکل بهش دسترسی داشته باشیم  [۰] array .

که در تصویر بالا کامل مشاهده میکنین و در کامنت جلوی هر خط خروجی اون رو میبینین.

 

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

 

تغییر ایندکس آرایه:

تغییر ایندکس آرایه ها در جاوا اسکریپت

ما در اینجا با انتخاب کردن ایندکس مدنظرمون و دادن مقدار جدید بهش مقدار اون ایندکس رو تغییر میدیم.

و میبینیم که مقدار اون ایندکس هم تغییر کرده و از ایران به زیبا تبدیل شده.که در تصویر بالا هم خروجی ایندکس دوم ارایه و هم کل ارایه رو مشاهده میکنین.

 

ابجکت در ارایه:

ما بعلاوه میتونیم در ایندکس ها ، ابجکت قرار بدیم که داخل هر ابجکت به هر تعدادی میتونیم متد قرار بدیم.

ابجکت در ارایه:

خروجی تصویر بالا:

آرایه ها در جاوا اسکریپت

که خب همونجور که میبینین ابجکت اول keyname  صفر رو گرفته و ابجکت دوم یک. و هرکدوم به عنوان ایندکس های ارایه در نظر گرفته شدن.

 

دسترسی به عنصر دوم آرایه:

دسترسی به عنصر دوم آرایه در جاوا اسکریپت:

همون طور که در شکل میبینین دو ابجکت درون ارایه قرار داده شده که با console.log میخواستیم به عنصر دوم ارایه یا همون ابجکت اول دسترسی داشته باشیم

خروجی این رو در تصویر پایین مشاهده کنین.

 

دسترسی به عنصر دوم آرایه:

خب در خروجی یک ابجکت به ما نشون میده که همون ابجکت اولی  دومی هست که به ارایه دادیم.و خب حالا اگه بخام به name دسترسی داشته باشم باید چیکار کنم؟ جواب در عکس پایینه.

 

 

پیمایش آرایه بااستفاده از حلقه در جاوا اسکریپت:

پیمایش آرایه بااستفاده از حلقه در جاوا اسکریپت:

 

برای دسترسی به تمامی عناصر ارایه اون رو پیمایش میکنیم که اینکار رو میتونیم با متد های متعددی از قبیل forEach ، map  و غیره انجام بدیم.

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

 

همون طور که میبینین خیلی شیک و مجلسی عناصر ارایه رو با استفاده از متد forEach پیمایش کردیم.

 

روش دوم تعریف ارایه:

روش دوم تعریف ارایه:

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

 

متد های مربوط به آرایه:

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

متد push:

اگر بخوایم یک ایندکسی رو درون ارایه ای اضافه کنیم، از متد push استفاده میکنیم به این صورت که اون ایندکس به انتهای ارایه اضافه میشه.

متد push:

همونطور که میبینین با پوش کردن ایندکس جدید ، iran  به انتهای ارایه اضافه میشه.

 

متد unshift:

و اما اگر بخواهیم ایندکسی که اضافه میکنیم به ابتدای ارایه اضافه بشه باید از متد unshift استفاده کنیم. تصویر زیر و داشته بشین :

متد unshift:

 

متد pop:

اگر بخاییم ایندکسی رو از ارایه حذف کنیم باید با متد pop اینکارو بکنیم که اخرین ایندکس ارایه رو برامون حذف میکنه.تصویر پایین رو بپایین(چقدر تو این مقاله مجبور شدم این جمه رو بگم:))

 

 

متد pop:

 

متد shift:

حالا اگه خواستیم یک ایندکسی رو از اول ارایه حذف کنیم چیکار باید بکنیم؟

اینجاست که متد shift به کارمون میاد. به تصویر زیر دقت کنین :)))) 

متد shift:

 

اسمم  رو حذف کرده و فقط فامیلی و سنم رو گذاشته:)

 

متد ()splice

متد Splice برای اضافه کردن آیتم های بیشتر در آرایه کاربرد دارد.

متد ()splice

اولین پارامتر (۱) مشخص میکنه که از کدوم شماره ایندکس باید اضافه کردن آرایه شروع بشه.

دومین پارامتر (۰) مشخص میکنه که چه تعداد آیتم حذف بشه تا آیتم های جدید جایگزین بشن.

اگر مثل مثال ۰ باشه، هیچ آیتمی حذف نمیشه و فقط آیتم های جدید اضافه میشه.

بقیه پارامترها (frontend dev ) که البته اینجا فقط یدونه پارامتر هست؛ همون آیتم جدیدی هستش که باید به آرایه اضافه بشه.  

خروجی مثال بالارو هم مشاهده میکنین که بعد از zahra یعنی پارامتر صفرم پارامتر جدید در پارامتر اول که همون frontend dev هست قرار داده شده و هیچ پارامتری هم حذف نشده صرفا frontend dev اضافه شده.

تحلیل متد در این مثال:

(۰):  بدون اینکه آیتمی حذف بشه
(۱): از شماره ایندکس ۱ شروع کن به جا یگذاری ، و به تعداد پارامتر های ورودی اینکارو انجام بده.

 

متد slice:

بخشی از ارایه رو که توسط ما انتخاب میشه بعوان ارایه در نظر میگیره و به اطلاح غیر از این ها رو پاک میکنه.

یعنی از ایندکسی که مشخص میکنیم تا ایندکس بعدیی که مشخص میکنیم رو شامل میشه دقت کنین تا ایندکسی که مشخص میشه! یعنی شامل خود اون ایندکس نیست به طور مثال:

متد slice:

خب همونطور که میبینین ارایه ی ما از ایندکس اول این ارایه یعنی shooshtari شروع میشه و تا یکی قبل از ایندکس سوم یعنی ۲۱ ادامه داره و ارایه ی ما متشکل از دو پارامتر [۲۱,”shooshtari”] هست.

 

متد ()concat:

این متد برای ترکیب کردن  دو تا ارایه با هم صورت میگیره.در اینجا ما میخایم array و array2  رو باهم ترکیب کنیم برای اینکار میایم با استفاده از متد concat این دوتا ارایه رو با هم ترکیب میکنیم

و در متغیر جدیدی ذخیره ش میکنیم و درون اون متغیر جدید ما ترکیب اون دوتا مشاهده میکنیم.

همونطوری که در تصویر زیر میبینین:)))))

 

متد ()concat:

 

متد sort():

برای مرتب سازی ارایه استفاده میشه:

متد sort():

 

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

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

خب همون طور که میبینین این مشکل هم حل شد.

 

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

 

 

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

.در پناه خدا روز خوشی داشته باشین.زهرا شوشتری

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *