الحلقات (Loops) في JavaScript

الحلقات هي بنية أساسية في JavaScript تتيح لك تكرار تنفيذ نفس الكود عدة مرات بناءً على شرط معين. يُعتبر استخدام الحلقات جزءًا أساسيًا من البرمجة لأنها تُساعد في تقليل تكرار الكود وتحسين الكفاءة.

في هذا الدرس، سوف نستعرض أنواع الحلقات الأكثر شيوعًا في JavaScript وهي:

1. حلقة for
2. حلقة while
3. حلقة do-while
4. حلقة for-in
5. حلقة for-of

1. حلقة for

حلقة for هي الحلقة الأكثر شيوعًا في JavaScript. تُستخدم عندما نعرف مسبقًا عدد مرات التكرار.

1.1 تركيب حلقة for

for (initialization; condition; increment/decrement) {
    // الكود الذي سيتم تنفيذه في كل تكرار
}

• initialization: هنا نقوم بتعريف متغير نبدأ منه التكرار، وعادة ما يكون let أو var.
• condition: هذا هو الشرط الذي يتم التحقق منه قبل كل تكرار. إذا كان الشرط صحيحًا، يتم تنفيذ الكود داخل الحلقة. إذا كان الشرط غير صحيح، تنتهي الحلقة.
• increment/decrement: بعد كل تكرار، يتم تنفيذ هذه الخطوة لتغيير قيمة المتغير المستخدم في التكرار (مثال: زيادة المتغير بمقدار 1 أو تقليله).

1.2 مثال على استخدام حلقة for

for (let i = 0; i < 5; i++) {
    console.log(i);
}

في هذا المثال، تبدأ قيمة i من 0، وتستمر الحلقة في التكرار طالما أن i أقل من 5. في كل مرة يتم زيادة i بمقدار 1. النتيجة ستكون:

0
1
2
3
4

التفسير:

• let i = 0;: بداية التكرار من القيمة 0.
• i < 5;: طالما أن i أقل من 5، سيستمر التكرار.
• i++: في كل مرة، تزيد قيمة i بمقدار 1.

---

2. حلقة while

حلقة while هي حلقة تُستخدم عندما نحتاج إلى التكرار بناءً على شرط معين، ولكننا قد لا نعرف مسبقًا كم مرة ستتكرر الحلقة.

2.1 تركيب حلقة while

while (condition) {
    // الكود الذي سيتم تنفيذه طالما أن الشرط صحيح
}

• condition: هو الشرط الذي يتم التحقق منه في بداية كل تكرار. إذا كان الشرط صحيحًا (True)، سيتم تنفيذ الكود داخل الحلقة. إذا كان الشرط غير صحيح (False)، ستنتهي الحلقة.

2.2 مثال على استخدام حلقة while

let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}

في هذا المثال، تبدأ قيمة i من 0 وتستمر الحلقة في التكرار طالما أن i أقل من 5. في كل مرة، يتم زيادة i بمقدار 1. النتيجة ستكون:

0
1
2
3
4

التفسير:

• let i = 0;: بداية التكرار من القيمة 0.
• i < 5;: الشرط الذي يتم التحقق منه في كل مرة. إذا كانت قيمة i أقل من 5، ستستمر الحلقة.
• i++: بعد كل تكرار، يتم زيادة قيمة i بمقدار 1.

---

3. حلقة do-while

حلقة do-while مشابهة لحلقة while ولكن الفرق الكبير هو أن حلقة do-while ستنفذ الكود مرة واحدة على الأقل بغض النظر عن الشرط.

3.1 تركيب حلقة do-while

do {
    // الكود الذي سيتم تنفيذه في كل مرة
} while (condition);

• condition: يتم التحقق من الشرط بعد تنفيذ الكود داخل الحلقة. إذا كان الشرط صحيحًا (True)، ستستمر الحلقة في التكرار.

3.2 مثال على استخدام حلقة do-while

let i = 0;
do {
    console.log(i);
    i++;
} while (i < 5);

الناتج سيكون:

0
1
2
3
4

التفسير:

• do: يبدأ تنفيذ الكود داخل الحلقة قبل التحقق من الشرط.
• while (i < 5);: بعد تنفيذ الكود، يتم التحقق من الشرط. إذا كانت قيمة i أقل من 5، سيتم التكرار.

---

4. حلقة for-in

تُستخدم حلقة for-in للتكرار عبر خصائص الكائنات (Objects). هي مفيدة جدًا عندما نحتاج إلى التعامل مع الكائنات والأشياء داخلها.

4.1 تركيب حلقة for-in

for (let key in object) {
    // الكود الذي سيتم تنفيذه باستخدام المفتاح (key) و/أو القيمة
}

• key: هو اسم أو مفتاح الخاصية في الكائن.
• object: الكائن الذي نريد التكرار عبر خصائصه.

4.2 مثال على استخدام حلقة for-in

let person = {
    name: "John",
    age: 30,
    city: "New York"
};

for (let key in person) {
    console.log(key + ": " + person[key]);
}

الناتج سيكون:

name: John
age: 30
city: New York

التفسير:

• key: يمثل المفتاح في الكائن مثل name, age, city.
• person[key]: يستخدم للحصول على القيمة المرتبطة بكل مفتاح.

---

5. حلقة for-of

تُستخدم حلقة for-of للتكرار عبر عناصر المصفوفات أو الكائنات القابلة للتكرار مثل السلاسل النصية (Strings)، المصفوفات (Arrays)، المجموعات (Sets)، وغيرها.

5.1 تركيب حلقة for-of

for (let value of iterable) {
    // الكود الذي سيتم تنفيذه مع كل عنصر
}

• value: هو القيمة التي يتم استخراجها من الكائن القابل للتكرار.
• iterable: هو الكائن القابل للتكرار مثل المصفوفة أو السلسلة النصية.

5.2 مثال على استخدام حلقة for-of

let numbers = [10, 20, 30, 40];
for (let num of numbers) {
    console.log(num);
}

الناتج سيكون:

10
20
30
40

التفسير:

• num: يتم تعيين كل عنصر في المصفوفة numbers إلى المتغير num في كل تكرار.

---

الخاتمة

لقد تعرفنا في هذا الدرس على الحلقات في JavaScript واستخداماتها المختلفة:

• حلقة for: تُستخدم عندما نعرف عدد التكرارات مسبقًا.
• حلقة while: تُستخدم عندما نحتاج إلى التكرار بناءً على شرط قد يتغير أثناء التنفيذ.
• حلقة do-while: تضمن تنفيذ الكود مرة واحدة على الأقل قبل التحقق من الشرط.
• حلقة for-in: تستخدم للتكرار عبر خصائص الكائنات.
• حلقة for-of: تستخدم للتكرار عبر العناصر في المصفوفات والكائنات القابلة للتكرار.

باستخدام هذه الحلقات، يمكنك التعامل مع البيانات بشكل أكثر كفاءة ومرونة، مما يجعل الكود أكثر نظافة وسهولة في الفهم.