انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 33
دورة جافا سكريبت

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

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

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

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
4
الأمثلة
5
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
5,423
محتوى الدرس
في هذا الدرس 4تصفّح المواضيع

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

HTML 
for (key in object) {
  /* code block to be executed */
}

Example

HTML 
<!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

HTML 
for (variable in array) {
  code
}

Example

HTML 
var txt = "";
var numbers = [11, 13, 9, 17, 23];
var x;
for (x in numbers) {
  txt += numbers[x] + "<br>"; 
}
document.write(txt);
جرّب بنفسك

Array for Each


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

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

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

  • ال item value
  • ال item index
  • ال array itself
HTML 
<!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 الخاص بهذه العناصر لأجراء فعل معين علي عنصر معين او مجموعة من العناصر في وقت سريع

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…