آموزش متد forEach در جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد forEach در جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد forEach در جاوااسکریپت
با استفاده از متد ()forEach میتونیم یه حلقه تکرار ( مثه حلقه تکرار For ) بروی تک تک آیتم های یک آرایه ایجاد کنیم. ( یعنی ایجاد یک حلقه تکرار بروی هریک از آیتم ها بصورت مجزا )
| مقدار برگشتی | Undefined |
|---|---|
| نسخه | ECMAScript 5 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : ایجاد یک حلقه تکرار درون آیتم های آرایه و سپس چاپ کردن دونه به دونه آیتم ها درون یک لیست
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script> var MyName = ["Reza","Sadegh","Mahnaz"]; var result = document.getElementById("Result"); var MyText = ""; MyName.forEach(MyResult); result.innerHTML = MyText; function MyResult(names){ MyText = MyText + "<li>" + names + "</li>"; } </script> |
مثال شماره ۲ : چاپ کردن شماره ایندکس و مقدار آیتم
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script> var MyName = ["Reza","Sadegh","Mahnaz"]; var result = document.getElementById("Result"); var MyText = ""; MyName.forEach(MyResult); result.innerHTML = MyText; function MyResult(names,index){ MyText = MyText + "<li>" + index + " - " + names + "</li>"; } </script> |
مثال شماره ۳ : محاسبه مجموع ( Sum ) کل آیتم ها
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script> var MyNumber = [2,5,8,10,15]; var result = document.getElementById("Result"); var MySum = 0; MyNumber.forEach(MyResult); result.innerHTML = MySum; function MyResult(Numbers){ MySum = MySum + Numbers; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()forEach | بله | بله | بله | بله | ۹ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Array.forEach ( 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
نکات و توضیحات
- این متد بروی آیتم های خالی عمل نمیکنه.
