الحلقات في JavaScript: استخدام وتفسير

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

حلقة `for`:

تستخدم حلقة `for` لتنفيذ كود متكرر حسب عدد محدد من المرات.

```javascript
for (var i = 0; i <= 10; i++) {
// هنا يتم تنفيذ الكود بشكل متكرر، مثل طباعة قيمة المتغير i
console.log(i);
}
```

 حلقة `for` مع عناصر DOM:

يمكن استخدام حلقة `for` لمعالجة عناصر DOM مثل القوائم (`<ol>` أو `<ul>`).

```javascript
var _ol = document.getElementById('score'),
final_score = _ol.dataset.finalScore,
_lis = _ol.getElementsByTagName('li');

for (var i = 0; i < _lis.length; i++) {
var _student = _lis[i],
score = _student.dataset.score;

// تحديد الدرجة كنسبة مئوية
var gradePercentage = (score / final_score) * 100;

// إضافة النتيجة المحسوبة إلى العنصر داخل HTML
_student.innerHTML += ' <b>' + gradePercentage + '%</b> ';

// تغيير لون النص استنادًا إلى النتيجة
if (gradePercentage == 100) {
_student.style.color = 'green';
} else if (gradePercentage < 50) {
_student.style.color = 'red';
}
}
```

 حلقة `for` بدون تحديد شرط الإنهاء:

يمكن استخدام حلقة `for` بدون تحديد شرط إنهاء محدد، مما يؤدي إلى تنفيذ الحلقة حتى تُفرض شرط كسر (break).

```javascript
var i = 0;

for (;;) {
// هنا يتم تنفيذ الكود بشكل متكرر بدون شرط نهاية محدد
i++;
console.log(i);

if (i == 10) {
break; // يتم كسر الحلقة عندما يكون i يساوي 10
}
}

console.log('آخر قيمة', i); // سيتم طباعة القيمة الأخيرة للمتغير i
```

 استخدام الحلقات في JavaScript

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