امروزه، اکثر برنامه های کاربردی که ما میسازیم نیاز به اصلاح در جمع آوری داده ها دارند. پردازش آیتم ها در یک مجموعه یک عملیات رایج است که احتمالا شما با آن برخورد خواهید کرد.برای مثال شما می خواهید لیستی از محصولات و دسته بندی ، فیلترکردن، جستجو ،اصلاح یا به روز رسانی یک مجموعه را نشان دهید. یا شاید بخواهید محاسبات سریع مانند ضرب ، جمع و غیره داشته باشید. راه بهینه برای رسیدن به این هدف چیست؟

متدهایی که ما آنها را بررسی می کنیم:

1. Spread operator
2. for…of iterator
3. ()includes
4. ()some
5. ()every
6. ()filter
7. ()map
8. ()reduce

1.عملگر گسترش

عملگر گسترش یک آرایه را به عناصر آن گسترش می دهد.

چرا باید از آن استفاده کنیم؟

• یک راه ساده و سریع برای نشان دادن آیتم‌های یک آرایه است.
• برای آرایه ها و اشیاء حرفی کار می کند.
• روشی سریع و مستقیم برای پاس دادن آرگومان هاست.
• فقط به سه عدد نقطه احتیاج دارد.

مثال:

شما می‌خواهید لیستی از غذاهای محبوب را بدون ایجاد یک تابع حلقه نشان دهید. از یک عملگر گسترش مثل این استفاده کنید:

2.حلقه for…of

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

چرا باید از آن استفاده کنیم؟

• راهی ساده برای اضافه کردن یا به روز رسانی یک آیتم
• برای انجام محاسبات(ضرب، جمع و غیره)
• هنگام استفاده از گزاره های شرطی(if,while,switch,..)
• موجب خوانایی و تمیزی کد

مثال:

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

for…of  این کار را ساده می کند.

3.متد ()includes

این متد برای چک کردن وجود یک رشته خاص در یک مجموعه استفاده می شود و مقدار true یا false برمی گرداند.

این نکته را در به خاطر بسپارید: اگر رشته ای که در مجموعه است SCHOOL باشد و شما کلمه school را سرچ کنید این تابع نتیجه false را بر می گرداند.

چرا باید از آن استفاده کنیم؟

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

مثال:

شما از مدل اتومبیل هایتان در گاراژ آگاهی ندارید و به سیستمی احتیاج دارید

که چک کند آیا اتومبیلی که شما می خواهید در گاراژ وجود دارد یا نه!؟

4.متد ()some

بررسی می‌کند که آیا برخی عناصر در یک آرایه وجود دارند  یا نه و آیا true یا false باز می‌گرداند. تا حدی شبیه به متد  ( )includes است، با این تفاوت که آرگومان یک تابع است نه یک رشته.

چرا باید از آن استفاده کنیم؟

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

مثال:

شما یک باشگاه دارید و برای مراجعه کنندگان محدودیت سنی در نظر می‌گیرید.

در ES5:

در ES6:

5.متد ()every

آرایه را می گردد هر آیتم را چک می کند و false  یا true برمیگرداند. شبیه به ()some است با این تفاوت که اگر حتی یک آیتم شرط را نقض کند false برمی گرداند.

چرا باید از آن استفاده کنیم؟

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

مثال:

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

در ES5:

در ES6:

6.متد ()filter

این متد آرایه ای جدید متشکل از آیتم هایی که تست را پاس کرده اند میسازد.

چرا باید از آن استفاده کنیم؟

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

مثال:

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

در ES5:

در ES6:

7.متد ()map

این متد مشابه متد ()filter از نظر برگرداندن یک آرایه جدید است. با این حال، تنها تفاوت این است که برای اصلاح موارد استفاده می‌شود.

چرا باید از آن استفاده کنیم؟

• شما می توانید از تغییر آرایه اصلی اجتناب کنید.
• شما می توانید مواردی را که می خواهید اصلاح کنید.
• به شما کد با خوانایی بیشتر می دهد.

مثال:

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

در ES5:

در ES6:

8.متد ()reduce

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

چرا باید از آن استفاده کنیم؟

• انجام محاسبات
• محاسبه یک مقدار
• تعداد تکرار ها
• اجرای وعده ها به صورت متوالی

مثال:

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

در ES5:

در ES6:

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