آموزش متد every در جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد every در جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد every در جاوااسکریپت
با استفاده از متد ()every میتونیم یک تابع رو به ازای هریک از آیتم های یک آرایه اجرا کنیم، یعنی میاد یه تابع رو بروی تک تک آیتم های آرایه اجرا میکنه بعدش :
- اگه اون تابع بروی تمامی آیتم ها نتیجه True داشت در خروجی هم True میده
- اگه اون تابع فقط بروی یکی از آیتم ها نتیجه False داشت در خروجی هم False میده
- این متد بروی آیتم های خالی ( بدون مقدار ) اجرا نمیشه
| مقدار برگشتی | برگشت true اگه همه آیتم ها شرط تابع رو رعایت کرده باشن برگشت false اگه فقط یکی از آیتم ها شرط تابع رو رعایت نکرده باشه |
|---|---|
| نسخه | ECMAScript 5 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : چک کردن اینکه آیا هر یک از آیتم های آرایه، بزرگتر از ۲ هستند یا خیر!؟
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> var MyNumber = [5,7,10,14,20]; var result = document.getElementById("Result"); result.innerHTML = MyNumber.every(MyFunction); function MyFunction(number){ return number > 2; } </script> |
مثال شماره ۲ : چون فقط یکی از آیتم ها شرط تابع رو رعایت نکرده پس خروجی میشه False
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> var MyNumber = [5,7,10,14,20]; var result = document.getElementById("Result"); result.innerHTML = MyNumber.every(MyFunction); function MyFunction(number){ return number > 5; } </script> |
مثال شماره ۳ : استفاده از پارامتر This_Value ( کمی پایین تر در جدول پارامترها بخوانید )
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> var MyNumber = [5,7,10,14,20]; var result = document.getElementById("Result"); result.innerHTML = MyNumber.every(MyFunction,6); function MyFunction(number){ return this > 5; } </script> |
مثال شماره ۴ : یه عدد از کاربر میگیره و بعدش عدد وارد شده رو چک میکنه با تک تک آیتم های آرایه، اگه آیتم های آرایه بزرگتر از عددی بود که کاربر وارد کرده بود در خروجی True میده.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script> function MyCheck(){ var MyNumber = [8,12,16,25]; var user_input = document.getElementById("UserInput").value; var result = document.getElementById("Result"); result.innerHTML = MyNumber.every(MyFunction); function MyFunction(number){ return number > user_input; } } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()every | بله | بله | بله | بله | ۹ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Array.every ( Function(Current_Value , Current_Index , Current_Array) , This_Value ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| ()Function | ضروری – یه تابع که باید بروی تک به تک آیتم ها اجرا بشه |
| Current_Value | ضروری – مقدار فعلی آیتم آرایه |
| Current_Index | اختیاری – شماره ایندکس فعلی آیتم آرایه |
| Current_Array | اختیاری – خوده آرایه فعلی که داره روش پردازش میشه |
| This_Value | اختیاری – یک مقدار که میتونه به تابع ارسال بشه و در تابع به عنوان this گرفته شه ( همانند مثال شماره ۳ ) |
Free-Learn
موارد استفاده این متد
از این متد میتوان در بخش های زیر استفاده کرد. ( یعنی کاربرد این متد در موارد زیر می باشد )
| آرایه ها ( Array ) |
Free-Learn
نکات و توضیحات
- این متد در صورتی True میده که تمامی آیتم ها با موفقیت شرط تابع رو پاس کرده باشند، در غیراینصورت اگه فقط یکی از آیتم ها شرط تابع رو پاس نکنه در خروجی False میده.
- این متد بروی آیتم های خالی عمل نمیکنه.
- این متد هیچ تغییری در اصل آرایه ایجاد نمیکنه، فقط آیتم هارو با استفاده از یه تابع چک میکنه و خروجی میده.
