يسم الله الرحمن الرحيم
*********
"اللهم علمنا ما ينفعنا وانفعنا بما علمتنا انك انت العليم الحكيم "
-----------------------------------------------
نستكمل موضوعنا عن Control structure
************
ذكرنا فى الموضوعات السابقة كيفية عمل if و switch وعرفنا ان كلا منهما متشابه
ان ان هناك بعض الفروق وذكرناها بفضل الله
اليوم سنتكلم عن موضوع مهم جدا الا وهو الحلقات التكرارية
looping ما هى وما فائدتها ؟!!
الحلقات التكرارية هى تنفيذ تعليمات بمعلومية شرط معين او حالة معينة عند تحققه والخروج من
تنفيذ هذه التعليمات اذا فقد الشرط تحققه .
بمعنى انك اذا اردت ان تطبع عدة جمل ولتكن مثلا خمس جمل ستضر الى ان تكتب هذا الكود
لاحظ فى الكود السابق كثرة السطور التى تكتبها فى الكود مما يؤدى الى بطء الترجمة والتنفيذكود HTML:<script type="text/javascript">
document.write("welcome ZaIzO Max "+"<br />");
document.write("welcome ZaIzO Max "+"<br />");
document.write("welcome ZaIzO Max "+"<br />");
document.write("welcome ZaIzO Max "+"<br />");
document.write("welcome ZaIzO Max "+"<br />");
</script>
هو اينعم يؤدى الى تاخر غير ملحوظ بالمرة وانما لو كنت كاتب كود كهذا يحتوى على 5000 سطر ؟!!!
إذن قد علمت فائدة من فوائد الحلقات التكرارية
وهى تقليل السطور البرمجية مع سرعة التنفبذ ندخل الان الى الحلقات التكرارية
while LOOP
الصيغة العامة
=======
وهى بمعنى ** بينما (كذا) {نفذ كذا ; ثم نقوم بالزياة بعد ذلك}
ملحوظة :كود HTML:<script type="text/javascript">
// any variable
whle(/*condition*/)
{
//statements;
//variable + additional value ملحوظة مهمة
}
</script>
---------
ما معنى ال variable + additional value اى القيمة التى تريد زيادتها على المتغير
الذى تتحقق منه ((ولماذا هذه الزيادة ؟!!)) لو لحظت فى العنوان انه باسم الحلقات التكرارية
اى ان طالما الشرط محقق يتم تنفيذ ما بين الاقواس المعكوفة {} وهذه الاضافة نضعها لكى يتم الخروج من
الحلقة . اكيد طبعا انت لا تحتاج ان السكربت بتاعك يتم تكراره الى ما لا نهاية
لاحظ معى
الكود السابق صحيح الا نه سيعمل على انهيار المتصفح وذالك لان الشرط محققكود HTML:<script type="text/javascript">
var x ="zaizo_max";
var y=0;
whle(y<=x.length)
{
document.write(x+"<br />");
}
</script>
ويتم التنفيذ الى ما لا نهاية لانك لم نحدد القيمة التى سيتم اقفال الحلقة بها ((الان ))
قد عرفت فائدة القيمة التى ستزيدها او تنقصها لكى يتم اقفال الحلقة التكرارية وتخرج منها
كود HTML:<script type="text/javascript">
var x ="zaizo_max";
var y=0;
whle(y<=x.length)
{
document.write(x+"<br />");
y+1; // or y++ كلاهما صحيح لانك انت من يحدد القيمة سواء بالزيادة او النقصان
}
</script>
for loop
الصيقة العامة
=========
قم بتكرار (متغير ؛ هنا يتم وضع الشرط ؛ القيمة التى تزيدها ) { نفذ ما بين الاقواس }
كما سبق انا ذكرت انها نفس فكرة ال while الا ان قيمة بعد الشرطكود HTML:<script type="text/javascript">
for(var anyName; condition ; additional value)
{
//statements
}
</script>
ويمكن ان نجعلها كحلقة while تماما
كود HTML:<script type="text/javascript">
for(var x=1;x<=6 ; x++)
{
document.write("ZAIZO");
}
// يمكن كذلك كتابة حلقة
/*for
كحلفة
while
*/
document.write("<br />");
var max=1;
for(;max<10;)
{
document.write(max+"<br />");
max++;
}
</script>
الحلقات المتداخلة
loop inside loop
كذلك يمكن استخدام الحلقات بداخل بعضها ولكن لاحظ ان الحلقة الاولى او الخارجية تنفذ
ثم تدخل الى الحلقة الداخلية لها ليتم تنفيذها ثم تزيد بالمقدار المكتوب ثم تخرج لتزيد الحلقة الخارجية
ثم تدخل لتنفذ ........وهكذا حتى يتم الانتهاء
وخير مثال على ذلك هو جدول الضرب
وبكدة نبقى ختمنا ال control structureكود HTML:<script type="text/javascript">
for (var x = 1; x<= 10 ;x++)
{
document.write(" <b>جدول</b> " + x + "</b><br />")
for (var x2 = 1; x2<= 10 ;x2++)
{
document.write(x+"×"+x2+"="+x*x2+"<br />");
}
}
</script>
والحمد لله رب العالمين
