JavaScript loops

الـــ loop : هو تنفيذ مجموعة من الأوامر ، عِدّة مرات

مجموعة الأكواد التى تقوم بعمل الــ loop بالجافاسكريبت :

forEach()
for
for in
for of
while
do while

👉 break

👉 continue

👉 for ;;

👉 المُختصر المُفيد

forEach()

تُستخدم لتنفيذ مجموعة من الأكواد على كل عنصر من عناصر الــ array
وأيضاً تُستخدم مع querySelectorAll()

طريقة الكتابة :

const courses=["HTML", "CSS", "JavaScript" ]

courses.forEach( (item)=> {
console.log(item)
} )

⚠ يوجد ايضاً method تُسمى Array.from() تُستخدم لتحويل مجموعة من العناصر الى Array

وتم شرح هذا الكلام بالتفصيل فى الدرس رقم 14 فى الجافاسكريبت المستوى الأول

for

تقريبا لايوجد مشروع جافاسكريبت لايحتوى على الـ for
وهى تقوم بتنفيذ مجموعة من الأوامر، عِدّة مرات
وأهم شئ فى قاعدة for هو معرفة كيفية تنفيذ الكود

طريقة الكتابة :

const arr=["ali", "hassan", 26]

for (let i=0; i < arr.length; i++) {

const item=arr[i];
console.log(item)
}

⚠ يتم تنفيذ هذا الكود let i=0; مره واحده فقط

وسيتم شرح هذا الكلام بالتفصيل فى الفيديو الخاص بهذا الدرس

for in && for of

الــ for inو for of يتم استخدامهم مع الــ object والــ array عبارة عن object وبالتالى يُمكن تطبيق الـ for inو for of على الــ array

👈 أولاً الــ for in

طريقة الكتابة :

const arr=[45, 4];

for (const item in arr) {
console.log(item);
}👇
0
1

فى هذه الحالة الــ item تعبر عن الــ index

👈 ثانياً الــ for of

طريقة الكتابة :

const arr=[45, 4];

for (const item of arr) {
console.log(item);
}👇
45
4

فى هذه الحالة الــ item تعبر عن العناصر التى بداخل الــ array

while

الــ while تقوم بتنفيذ مجموعة من الأوامر، عِدّة مرات

ولا يوجد فرق بينها وبين الـ for

طريقة الكتابة :

while (condition) {

}

مثال على ذلك :

const arr=["ali", "hassan", 26]
let i=0

while (i < arr.length) {
const item=arr[i]
console.log(item);
i++
}

do while

الــ do while تقوم بنفس وظيقة الـ while مع اختلاف بسيط وهو ان الـ do while تقوم بتنفيذ مجموعة من الأوامر مره واحده على الأقل

طريقة الكتابة :

do {

} while (condition)

مثال على ذلك :

let i=0

do {
console.log("ali");
i++
} while (i < 0)

break && continue

👈 الــ break يتم تنفيذها على الــ switch أو for أو for ... in أو while أو do ... while

وهى ببساطه تقوم بإيقاف تنفيذ الــ loop

مثال على ذلك :

const arr=[7, 100, 15, 0];
let i=0;

while (i < arr.length) {
console.log(arr[i]);

if (arr[i]===100) {
break;
}

i++;
}


👇
7
100

👈 الـــ continue وهى ببساطه تبدأ الــ loop من البداية

مثال على ذلك :

const arr=[7, 100, 15, 0];
let i=0;

while (i < arr.length) {
if (arr[i]===100) {
i++;
continue;
}
console.log(arr[i]);
i++;
}


👇
7
15
0

for ;;

⚠ هذه طريقة اخرى لكتابة الـ for ولكن لا تُستخدم كثيراً لذلك لذلك لا تستخدمها فى المشاريع الخاصة بك حتى يسهل على المُبرمجين الأخرين قراءه الأكواد الخاصة بك

طريقة الكتابة :

const arr=["ali", "hassan", 26]
let i=0;

for ( ;; ) {

if (i >=arr.length) {break}
const item=arr[i];
console.log(item);
i++;

}

المُختصر المُفيد

عند عمل loop على مجموعة من العناصر إستخدم الطريقة الأسهل بالنسبة لك 🧡

وإتبسط كده وانت بتكتب الأكواد عشان فى الأخر كلنا هنموت 😀 فسهل الدنيا على نفسك عشان الموضوع مش مستاهل والله 😀 🧡

أسئلة سوف يتم الإجابة عليها

الــ loop خاصة ب أى عائلة ؟

لماذا لم يتم شرح باقى الـ data types ثم بعد ذلك شرح الــ loop ؟