JavaScript forEach Loop
حلقات التكرار forEach Loop في لغة جافا سكريبت
سنتعلم في هذا الدرس ال for in Loop Syntax وكيفية استخدامها ولماذا تستخدم
for ... in loop تستخدم مع العناصر الغير القابلة للعد والتي لا تحتوي على رموز ومع العناصر التي تم انشائها باستخدام عناصر مبنية بداخل اللغة مثل Array و Object
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات 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
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 الخاص بهذه العناصر لأجراء فعل معين علي عنصر معين او مجموعة من العناصر في وقت سريع
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
