شرح حلقة For في JavaScript للمبتدئين تكرار الأكواد مع أمثلة عملية
شرح حلقة For في JavaScript للمبتدئين
تكرار الأكواد مع أمثلة عملية
مقدمة
أثناء كتابة البرامج قد نحتاج إلى تنفيذ نفس الأمر أكثر من مرة، مثل طباعة رسالة عدة مرات أو عرض مجموعة من الأرقام.
بدلًا من كتابة نفس الكود بشكل متكرر، توفر لنا JavaScript الحلقات التكرارية (Loops) التي تساعدنا على تكرار تنفيذ الأوامر بسهولة.
في هذا الدرس سنتعرف على أشهر حلقة للمبتدئين وهي:
حلقة For في JavaScript
ما هي حلقة For؟
حلقة for هي طريقة تستخدم لتكرار تنفيذ جزء من الكود عددًا معينًا من المرات.
مثال:
بدلًا من كتابة:
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
يمكننا استخدام حلقة for:
for (let i = 1; i <= 5; i++) {
console.log("Hello");
}
الناتج:
Hello
Hello
Hello
Hello
Hello
لاحظ أن الكود أصبح أقصر وأسهل.
تركيب حلقة For
الشكل الأساسي لحلقة for:
for (start; condition; update) {
// Code to repeat
}
المعنى :-
في حلقة for نحتاج إلى تحديد البداية (start) وهي القيمة التي يبدأ منها التكرار، ثم نضع الشرط (condition) الذي يحدد استمرار الحلقة، وبعد كل تكرار نستخدم التغيير (update) لتحديث قيمة العداد، أما الكود الذي سيتم تكراره (Code to repeat) فهو الأوامر التي سيتم تنفيذها في كل مرة تعمل فيها الحلقة.
مثال:
for (let i = 1; i <= 5; i++) {
console.log(i);
}
الناتج:
1
2
3
4
5
شرح الكود:
let i = 1
نحدد قيمة البداية للعداد.
i <= 5
الشرط الذي يحدد استمرار الحلقة.
i++
زيادة قيمة العداد بمقدار واحد بعد كل تكرار.
طباعة الأرقام من 1 إلى 10
يمكننا استخدام for لطباعة مجموعة من الأرقام:
for (let number = 1; number <= 10; number++) {
console.log(number);
}
الناتج:
1
2
3
4
5
6
7
8
9
10
طباعة الأرقام الزوجية
يمكننا زيادة العداد بمقدار 2 بدلًا من 1:
for (let i = 2; i <= 10; i = i + 2) {
console.log(i);
}
الناتج:
2
4
6
8
10
العد التنازلي باستخدام For
يمكننا جعل العداد يقل باستخدام --.
مثال:
for (let i = 5; i >= 1; i--) {
console.log(i);
}
الناتج:
5
4
3
2
1
مثال عملي: طباعة أسماء الطلاب
يمكننا استخدام الحلقة لتكرار عرض البيانات:
let student = "Ahmed";
for (let i = 1; i <= 3; i++) {
console.log(student);
}
الناتج:
Ahmed
Ahmed
Ahmed
مثال عملي: حساب مجموع الأرقام
يمكن استخدام الحلقة لإجراء عمليات حسابية:
let sum = 0;
for (let i = 1; i <= 5; i++) {
sum = sum + i;
}
console.log(sum);
الناتج:
15
لأن البرنامج قام بحساب:
1 + 2 + 3 + 4 + 5 = 15
أخطاء شائعة عند استخدام For
1- نسيان زيادة العداد
خطأ:
for (let i = 1; i <= 5;) {
console.log(i);
}
قد تسبب هذه المشكلة تكرارًا لا نهائيًا لأن قيمة i لا تتغير.
2- كتابة شرط خاطئ
مثال:
for (let i = 10; i <= 5; i++) {
console.log(i);
}
لن يتم تنفيذ الحلقة لأن الشرط غير صحيح من البداية.
متى نستخدم حلقة For؟
نستخدم for عندما نعرف عدد مرات التكرار مسبقًا، مثل:
طباعة الأرقام.
تكرار رسالة.
تنفيذ عملية عدة مرات.
التعامل مع البيانات لاحقًا مثل المصفوفات.
الخلاصة
تعلمنا في هذا الدرس:
✅ ما هي الحلقات التكرارية.
✅ كيفية استخدام حلقة for.
✅ معنى البداية والشرط والزيادة.
✅ طباعة الأرقام باستخدام for.
✅ استخدام العد التصاعدي والتنازلي.
✅ أمثلة عملية بسيطة.
حلقة for من أهم أساسيات JavaScript، وستستخدمها كثيرًا عند بناء المشاريع والتعامل مع البيانات.
🎯 اختبر نفسك الآن !!!!
تهانينا! لقد أنهيت هذا الدرس بنجاح. 🎉
لكن هل فهمت كل ما تعلمته بالفعل؟
لا تكتفِ بالقراءة، بل اختبر معلوماتك من خلال الاختبار التفاعلي الذي صممته خصيصًا لهذا الدرس ضمن سلسلة Hisham Academy.
تعليم
🧠 مميزات الاختبار:
أسئلة متنوعة تقيس مدى فهمك.
نتيجة فورية بعد الانتهاء.
تصميم بسيط وسريع يعمل على الهاتف والكمبيوتر.
أجهزةاتصالات
يساعدك على معرفة نقاط القوة والجوانب التي تحتاج إلى مراجعتها.
🔗 ابدأ الاختبار الآن:
https://hishamabdulrashid999.github.io/test_7/
أضغط هنا للبدء في الأختبار
📚 تابع الدرس التالي في سلسلة Hisham Academy ولا تنسَ حفظ المقال ومشاركته مع من يريد تعلم برمجة الويب من الصفر.
وأخبرني رأيك في التعليقات هل فعلاً أستفدت من هذا المقال
