استخدام الحلقات في جافا سكريبت

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

 1. الحلقة `for`:

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

```javascript
for ( var i = 0; i <= 10; i++ ) {
// قم بتنفيذ أي كود هنا
console.log(i);
}
```

في هذا المثال، سيتم طباعة الأرقام من 0 إلى 10 في وحدة تحكم المتصفح.

 2. الحلقة `for` في معالجة العناصر DOM:

يمكن استخدام الحلقة `for` لمعالجة عناصر DOM مثل قوائم `<li>` وتحديثها بناءً على البيانات المخزنة في العناصر.

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

for ( var i = 0; i <= _lis.length - 1; i++ ) {

var _student = _lis[i],
score = _student.dataset.score;

if ( score > final_score ) {
score = final_score;
}

var gradePercentage = (score / final_score) * 100 ;

_student.innerHTML += ' <b>' + gradePercentage + '%</b> ';

if ( gradePercentage === 100 ) {
_student.style.color = 'green';
} else if ( gradePercentage < 50 ) {
_student.style.color = 'red';
}
}
```

هنا، يُظهر المثال كيفية استخدام الحلقة `for` لتحديث عناصر DOM بناءً على بياناتها، مثل إضافة نسبة الدرجات وتلوين العناصر استنادًا إلى النتيجة.

 3. الحلقة `for` بدون شرط توقف محدد:

يمكن استخدام الحلقة `for` بدون شرط توقف محدد، ويتم التحكم في توقف الحلقة باستخدام شرط داخلي داخل الحلقة نفسها.

```javascript
var i = 0;

for ( ; ; ) {
// قم بتنفيذ أي كود هنا

i++;

console.log(i);

if ( i == 10 ) {
break;
}
}

console.log('القيمة الأخيرة', i);
```

هكذا ، يتم تكرار تنفيذ الكود حتى يتم الوصول إلى قيمة `i` التي تساوي 10، ثم يتم كسر الحلقة باستخدام الأمر `break`.