JavaScript

JavaScript forEach Loop
حلقات التكرار forEach Loop في لغة جافا سكريبت

سنتعلم في هذا الدرس ال  for in Loop Syntax  وكيفية استخدامها ولماذا تستخدم

  for ... in loop  تستخدم مع العناصر الغير القابلة للعد والتي لا تحتوي على رموز ومع العناصر التي تم انشائها باستخدام عناصر مبنية بداخل اللغة  مثل Array و Object 

التاريخ

05 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

2103

المواضيع

24
الشروحات chevron_left JavaScript forEach Loop chevron_left JavaScript

JavaScript forEach Loop
حلقات التكرار forEach Loop في لغة جافا سكريبت

</> JavaScript forEach Loop
حلقات التكرار forEach Loop في لغة جافا سكريبت

  for ... in loop  تستخدم مع العناصر الغير القابلة للعد والتي لا تحتوي على رموز ومع العناصر التي تم انشائها باستخدام عناصر مبنية بداخل اللغة  مثل Array و Object والذي تم وراثتهم من Object.prototype و String.prototype ، مثل دوال الخاصة ب String  او indexOf () أو دالة toString ().

تستخدم ال for in loop مع الخصائص properties الخاص بالكائن Object

  • ال for in loop تتكرر بعدد الخصائص properties التي بداخل ال Object
  • كل تكرار يرجع returns ب key (x)
  • ال key يستخدم لاستخدام القيمة value التي بداخل ال key
  • ال value الخاصة بال key هي student[x]
Syntax
for (key in object) {
  /* code block to be executed */
}
Example
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For/In Loop</h2>

<p>The for/in statement loops through the properties of an object.</p>

<p id="test"></p>

<script>
var txt = "";
var student = {fname:"Ahmed", lname:"Mostafa", age:26};
var x;
for (x in student) {
  txt += student[x] + " ";
}
document.getElementById("test").innerHTML = txt;
</script>

</body>
</html>

</> For In Over Arrays

نستخدم الحلقة التكرارية for in للمرور علي عناصر ال object جميعها بسهولة وسرعة 
Sytnax
for (variable in array) {
  code
}
Example
var txt = "";
var numbers = [11, 13, 9, 17, 23];
var x;
for (x in numbers) {
  txt += numbers[x] + "<br>"; 
}
document.write(txt);
  • لا ينصح باستخدام for in مع ال array
  • من المفضل ان تستخدم ال for loop او ال Array.forEach ( )  عندما يكون الترتيب ضروري

</> Array for Each


حلقة Foreachعبارة عن حلقة تكرارية تستخدم لاجتياز العناصر في مجموعة. عادة ما يتم استخدام Foreach بدلاً من  حلقة for loop لان حلقات foreach ليست بحاجة الي استخدام متغير ك عداد للمرور علي العناصر فهي تقول بشكل أساسي "افعل هذا بكل شيء في هذه المجموعة" ، بدلاً من "فعل هذا x مرات". وهذا يتجنب الأخطاء الفردية المحتملة ويجعل الكود أسهل في القراءة readable .

ال ( ) forEach  تقوم بتنفيذ دالة خاصة معرفة مسبقاً مره واحدة لكل عنصر بداخل ال array

ال function تأخذ بداخلها ثلاث arguments متغيرات variables :

  • ال item value
  • ال item index
  • ال array itself
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array.forEach()</h2>

<p>Calls a function once for each array element.</p>

<p id="test"></p>

<script>
var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);
document.getElementById("test").innerHTML = txt;

function myFunction(value, index, array) {
  txt = txt + value + "<br>"; 
}
</script>

</body>
</html>

</> Why Use for...in ؟

  • لا ينصح باستخدام ال for .. in مع المصفوفات arrays علي الرغم من انها مبنية للمرور علي مجموعة من العناصر ولكن يفضل  استخدامها في المرور علي عناصر ال object وليس ال array 
  • تستخدم ال for .. in لأغراض التصحيح والاختبار debugging وهو الاستخدام الأمثل لها 
  • يمكن استخدام ال for in مع المصفوفات arrays التي تتكون عناصر من key و value فيمكن استخدامها للمرور علي ال key الخاص بهذه العناصر لأجراء فعل معين علي عنصر معين او مجموعة من العناصر في وقت سريع
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.