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

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

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

Free-Learn

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

خب متد یا Method که دیگه میدونید یعنی چی!؟ بطور کلی متد یه تابعی هست که از قبل توسط جاوااسکریپت تعریف شده و میتونه یه عملی رو بروی متغیرها پیاده کنه.

مثلا ما متدهای رشته داریم یا متدهای اعداد ، که میبینی هرکدوم از این متدها میتونن بروی رشته ها یا مثلا اعداد یسری کارای خاص رو انجام بدن. ( مثلا تبدیل یک رشته به عدد صحیح یا برعکس توسط متدها انجام میگیره )

حال آرایه ها هم یسری متدها دارند که میتونیم با استفاده از اونا یسری کارای پیشرفته تری بروی آرایه ها انجام بدیم، مثلا یه متد هست به اسم sort میتونه آیتم های یک آرایه رو مرتب سازی کنه و دیگر متدها که در ادامه باهاشون آشنا خواهید شد.

Free-Learn

متد ()toString در آرایه ها

ما در جلسات قبلی با این متد چندین بار کار کردیم دیگه باید بشناسیدش، از اسمشم مشخصه که چکار میکنه ( میتونه یه آرایه رو به رشته تبدیل کنه )

خب میدونیم که آرایه ها در حالت عادی از نوع شئ یا Object هستند، یعنی اگه بخوایم نوع یه متغیر رو بدست بیاریم خیلی راحت میتونیم با استفاده از متد typeof اینکارو انجام بدیم.

پس اگه typeof یک آرایه رو همانند دستورات زیر بدست بیاریم باید در خروجی object چاپ بشه ( یعنی داره میگه نوع داده ای یک آرایه بصوت شئ می باشد )

امتحان کنید

حال ما با استفاده از متد ()toString میتونیم یک آرایه رو به رشته تبدیل کنیم که در دستورات زیر اینکارو انجام دادیم ، بعدش دوباره از typeof استفاده کردیم که ببینیم نوعش چی میشه!؟ باید در خروجی string چاپ بشه ( یعنی رشته )

امتحان کنید

Free-Learn

متد ()join در آرایه ها

کلمه ()join در لغت به فارسی میشه پیوند خوردن / پیوستن ، حال ما با استفاده از این متد میتونیم علامت جداکننده بین آیتم های آرایه رو به دلخواه خودمون مشخص کنیم.

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

امتحان کنید

Free-Learn

متد ()push در آرایه ها

۲ تا اصصلاح معروف در آرایه ها داریم یکی به اسم پوش یا Push ( به فارسی یعنی فشار دادن / هُل دادن / اضافه کردن ) و دیگری به اسم پاپ یا pop ( به فارسی یعنی از بین بردن / ترکیدن )

ما با استفاده از این ۲ متد میتونیم آیتم جدید به آرایه اضافه کنیم یا هم آیتم هارو از آرایه حذف کنیم ، لطفا به مثال های زیر توجه نمایید :

اضافه کردن آیتم جدید به آرایه ( آیتم جدید از آخر به آرایه اضافه میشه )

امتحان کنید

Free-Learn

متد ()pop در آرایه ها

با استفاده از متد ()pop میتونیم یک آیتم از آخر آرایه حذف کنیم، یعنی در واقع این متد آخرین آیتم از آرایه رو حذف میکنه.

حال ما علاوه بر این متد ، از کلمه کلیدی delete نیز میتونیم یک آیتم دلخواه رو از آرایه حذف کنیم، مثلا میتونیم بگیم آیتم با شماره ایندکس ۲ رو حذف کن اونم حذف میکنه.

مثال شماره ۱ : حذف آخرین آیتم از آرایه ( استفاده از متد ()pop )

امتحان کنید

مثال شماره ۲ : حذف آیتم دلخواه از آرایه ( استفاده از کلمه کلیدی delete )

امتحان کنید

Free-Learn

متد ()shift در آرایه ها

در ادامه ی آموزش کار با متدهای آرایه ها در جاوااسکریپت میخوایم با متد ()shift آشنا بشیم و ببینیم چی هست و به چه درد میخوره!

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

در آرایه زیر آیتم Sadegh شماره ایندکسش ۰ هست ولی چون شیفت شده و حذف میشه ، دیگه Ali میاد جاش و این آیتم Ali هست که شماره ایندکسش میشه ۰


امتحان کنید

Free-Learn

متد ()unshift در آرایه ها

خب اینم مشخصه که برخلاف متد ()shift کار میکنه، یعنی اگه ()shift آیتم اول رو حذف میکرد حالا ()unshift یک آیتم جدید به اول آرایه اضافه میکنه.

در واقع اینجوریم میتونیم بگیم، که ()shift آیتم اول رو حذف میکرد و بقیه آیتم هارو به اندازه یک خانه به سمت چپ انتقال میداد ، حال ()unshift یک آیتم اضافه میکنه و بقیه آیتم هارو به اندازه یک خانه به سمت راست انتقال میده.

امتحان کنید

Free-Learn

متد ()splice در آرایه ها

با استفاده از این متد هم میتونیم آیتم جدید به آرایه اضافه کنیم ولی با این تفاوت که در این متد میتونیم خودمون به دلخواه مشخص کنیم که آیتم جدید در کجای آرایه اضافه بشه.

این متد ۲ پارامتر میگیره، پارامتر اول ( اون مکانی که باید آیتم اضافه شه ) و پارامتر دوم خوده آیتم که باید اضافه بشه. برای مثال به دستور زیر توجه نمایید :

شکل کلی برای استفاده از متد splice بصورت زیر می باشد :

اون Start_Index یعنی اون مکان یا نقطه ای که قرار آیتم جدید درش قرار بگیره، Delete_Item میتونه مشخص کنه که وقتی آیتم جدید اضافه شد چه تعداد از آیتم های بعدی حذف بشن و در نهایت Item1 هم یعنی آیتم های جدیدمون که باید اضافه بشن.

مثال شماره ۱ : اضافه شدن آیتم جدید در ایندکس شماره ۲ و هیچ آیتمی بعد از اون حذف نمیشه

امتحان کنید

مثال شماره ۲ : اضافه شدن ۲ آیتم جدید در ایندکس شماره ۲ و حذف ۲ آیتم بعد از آن

امتحان کنید

مثال شماره ۳ : حذف آیتم های یک آرایه با استفاده از متد splice ( بدون اینکه بخوایم آیتم جدید اضافه کنیم میتونیم آیتم های فعلی رو حذف کنیم )

امتحان کنید

Free-Learn

متد ()concat در آرایه ها

با استفاده از متد ()concat میتونیم یک یا چندین آرایه رو بهمدیگه پیوند ( یا الحاق یا ادغام ( Merge ) ) کنیم، و همیشه آرایه ادغام شده در قالب یک آرایه مجزا و جدید ایجاد میشود.

امتحان کنید

مثال شماره ۲ : ادغام کردن چندین آرایه بصورت همزمان ( باید بین آرایه ها کاما گذاشت و از همدیگه جداشون کرد )

امتحان کنید

Free-Learn

متد ()slice در آرایه ها

خب دوستان همچنان در ادامه ی آموزش کار با متدهای آرایه ها در جاوااسکریپت در ادامه میخوایم با متد ()slice آشنا بشیم.

با استفاده از این متد میتونیم یک یا چندین آیتم از آرایه رو بُرش بزنیم ( یا جدا کنیم )، مثلا میتونیم بگیم آیتم های فلان تا فلان رو انتخاب کنه و در قالب یک آرایه جدید نمایش بده.

مثال شماره ۱ : از آیتم با شماره ایندکس ۲ به بعد رو بُرش میزنه

امتحان کنید

مثال شماره ۲ : آیتم های شماره ایندکس ۰ تا ۳ رو بُرش میزنه

امتحان کنید

Free-Learn

متد ()sort در آرایه ها

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

امتحان کنید

Free-Learn

متد ()reverse در آرایه ها

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

مثال شماره ۱ : برعکس کردن ترتیب قرار گیری آیتم های یک آرایه

امتحان کنید

مثال شماره ۲ : مرتب سازی آیتم های آرایه بصورت نزولی ( با استفاده از متد sort و reverse )

امتحان کنید

Free-Learn

مرتب سازی اعداد در آرایه ها

خب ما با استفاده از متد ()sort به راحتی میتونیم رشته ( String ) هارو بصورت صعودی یا نزولی مرتب سازی کنیم ( همونطور که در مثال های بالا دیدیم )

حال بنظره شما میشه با استفاده از متد sort اعداد ( یا بطور کلی نوع داده عددی ) رو هم مرتب سازی کرد یا نه!؟ بریم ببینیم میشه یا نه

مثال شماره ۱ : تلاش برای مرتب سازی آیتم های عددی یک آرایه

امتحان کنید

همونطور که میبینید خیر، مرتب سازی نمیشه و نمیتونه اینکارو کنه، چون متد sort مرتب سازی رو فقط بروی رشته ها ( یا متن ) انجام میده، حتی بروی رشته ای عددی ( مثه “۲” ) هم نمیتونه.

مثال شماره ۲ : مرتب سازی آیتم های عددی یک آرایه با استفاده از تابع مقایسه

امتحان کنید

توضیح مثال بالا :

چیزی که در خط ۴ و در متد sort میبینید یک تابع هست به اسم تابع مقایسه، که ۲تا پارامتر میگیره و خروجیش یا یک عدد منفی یا مثبت و یا صفر می باشد.

  • اگه خروجی منفی بود پارامتر b قبل از c قرار میگیره
  • اگه خروجی مثبت بود پارامتر c قبل از b قرار میگیره
  • در نهایت اگه خروجی ۰ بود هیچ تغییری انجام نمیشه

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

بفرض مثال : تابع میاد که ۱۰ و ۵ رو باهم مقایسه کنه ، خب ۱۰ رو منهای ۵ میکنه نتیجه میشه ۵ پس یک عدد مثبت هست، پس ۵ رو میاره قبل از ۱۰ قرار میده، و همینجور مقایسه میکنه تا که نتیجه همواره ۰ باشه چون وقتی نتیجه ۰ باشه یعنی مرتب سازی انجام شده.

Free-Learn

دریافت PDF یا پرینت این مطلب