الحلقات: for وwhile وdo…while وfor…of مقابل for…in
أساسيات الحلقات: for وwhile وdo…while، ومتى تستخدم for…of مقابل for…in مع المصفوفات والكائنات.
الحلقات: for وwhile وdo…while وfor…of مقابل for…in درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 2 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 3 دروس في المجموع.
مقدمة
الهدف: اختر الحلقة المناسبة. تعلّم for وwhile وdo…while، ومتى تستخدم for…of في مقابل for…in.
- الحلقات المعتمدة على العد
- الحلقات المعتمدة على الشرط
- التكرار على القيم في مقابل المفاتيح
أساسيات حلقة for
تُعد for مثالية عندما تحتاج إلى الفهرس وشرط إيقاف.
// Classic for: great for indexes
const nums = [2, 4, 6];
for (let i = 0; i < nums.length; i++) {
console.log("Index:", i, "Value:", nums[i]);
}
أساسيات حلقة while
تتحقق while من الشرط أولًا؛ لذا احرص على تغيير متغير الحلقة.
// while: run while a condition stays true
let count = 3;
while (count > 0) {
console.log("Countdown:", count);
count = count - 1;
}
console.log("Go!");
أساسيات do…while
تنفّذ do…while جسم الحلقة أولًا، ثم تتحقق من الشرط؛ وهي مفيدة عندما تحتاج إلى تنفيذ مضمون مرة واحدة.
// do…while: runs the body at least once
let tries = 0;
do {
console.log("Attempt:", tries + 1);
tries = tries + 1;
} while (tries < 2);
for…of في مقابل for…in
تعيد for…of القيم؛ بينما تعيد for…in المفاتيح، وقد تتضمن مفاتيح موروثة.
// for…of: values of an iterable (arrays, strings, etc.)
// for…in: keys (property names)
const colors = ["red", "green", "blue"];
for (const value of colors) {
console.log("of value:", value);
}
for (const key in colors) {
console.log("in key:", key);
}
نصائح الحلقات
نصائح:
- فضّل for…of مع المصفوفات للحصول على القيم مباشرةً.
- استخدم for…in مع مفاتيح الكائنات (وليس المصفوفات).
- تجنب الحلقات اللانهائية: حدّث متغير الحلقة دائمًا.
اختبار for…of في مقابل for…in
تحقّق سريع: الحصول على قيم المصفوفة مباشرةً.
مراجعة
مراجعة: استخدم for للفهارس، وwhile للحلقات التي يقودها شرط، وdo…while للتنفيذ مرة واحدة ثم التحقق، وfor…of لقيم المصفوفات.
تعلم JavaScript مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 59
- الدروس
- 200
الأسئلة الشائعة
هل درس «الحلقات: for وwhile وdo…while وfor…of مقابل for…in» مجاني؟
نعم — نص درس «الحلقات: for وwhile وdo…while وfor…of مقابل for…in» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 3 دروس في المجموع.
ماذا ستتعلم في «الحلقات: for وwhile وdo…while وfor…of مقابل for…in»؟
أساسيات الحلقات: for وwhile وdo…while، ومتى تستخدم for…of مقابل for…in مع المصفوفات والكائنات. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟
لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 3.
كم من الوقت يستغرق درس «الحلقات: for وwhile وdo…while وfor…of مقابل for…in»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟
نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- if/else وswitch — الأنماط الأساسية
- الحلقات: for وwhile وdo…while وfor…of مقابل for…in
- عمليات الرجوع المبكر وعبارات الحراسة