القائمة الرئيسية

الصفحات

جافا سكربت

الحلقات في جافا سكربت |javascript loops

الحلقات باستخدام For



تستخدم الحلقات لإنشاء مجموعة من الأكواد تحدد عدد مرات الأرقام أو اذا كان الشرط صحيح .


حلقات الجافاسكربت JavaScript


عند كتابتك لكود معين وتريد أن يكون هذا الكود مماثل لعدة مرات بالظهور نفسه مجدداً ضمن سطر معين .

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

هناك نوعين من الحلقات في الجافاسكربت :

  • الحلقات باستخدام for : من خلال استخدام مجموعة أكواد لتحديد عدد مرات معينة .

  • الحلقات باستخدام while : من خلال استخدام مجموعة أكواد عند تحقق شرط معين .


الحلقة for


تستخدم حلقات for عند معرفتك مقدماً عدد المرات الذي ينبغي أن يعمل فيها الكود .

التركيبة


		  for (variable=startvalue;variable<=endvalue;variable=variable+increment)
		  {
		  كود هنا
		  }


مثال

في المثال التالي سيتم تحديد حلقة تبدأ من i=0 وسيستمر الكود بالعمل طالما أن المتغير i هو أصغر أو يساوي 10 وسيتم زيادته برقم واحد 1 كل مرة تدور بها الحلقة .

ملاحظة : يمكن أيضاً استخدام النقص بدلاً من الإضافة كما يمكن استعمال أي نوع مقارنة من اشارات الأكبر والأصغر وغيرها التي تم شرحها في دروس سابقة .

مثال
<html>
		  <body>
		  <script type="text/javascript">
		  var i=0;
		  for (i=0; i<=10; i++)
		  {
		  document.write("الرقم هو " + i);
		  document.write("<br />");
		  }

		  </script>
		  </body>
		  </html>

الحلقة while



تستخدم الحلقات باستخدام while من خلال استخدام مجموعة أكواد عند تحقق شرط معين .

التركيبة


while (variable<=endvalue)
	  {
	  كود هنا
	  }

ملاحظة : يمكن استعمال أي نوع مقارنة من اشارات الأكبر والأصغر وغيرها التي تم شرحها في دروس سابقة .

مثال

في المثال التالي سيتم تحديد حلقة تبدأ من i=0 وسيستمر الكود بالعمل طالما أن المتغير i هو أصغر أو يساوي 5 وسيتم زيادته برقم واحد 1 كل مرة تدور بها الحلقة .
	  <html>
	  <body>

	  <script type="text/javascript">

	  var i=0;
	  while (i<=5)
	  {
	  document.write("الرقم هو " + i);
	  document.write("<br />");
	  i++;
	  }

	  </script>
	  </body>
	  </html>


الحلقات باستخدام do…while


يعتبر do … while نوع من أنواع حلقات while ويستخدم لإظهار مجموعة من الأكواد مرة واحدة ثم يتم تكرار الحلقة طالما الشرط المخصص صحيح .

التركيبة


do
	  {
	  الكود المراد إظهاره
	  }
	  while (variable<=endvalue);

في المثال التالي سيتم استخدام حلقة do… while وستم إظهار الكود مرة واحدة حتى لو كان الشرط خاطئ لأن التعبير تم إنشائه قبل فحص الشرط .

مثال
<html>
	  <body>
	  <script type="text/javascript">

	  var i=0;
	  do
	  {
	  document.write("الرقم هو " + i);
	  document.write("<br />");
	  i++;
	  }

	  while (i<=10);

	  </script>
	  </body>
	  </html>


تعبير For...In

يستخدم تعبير For...In خلال خصائص كائن معين .



التركيبة


for (variable in object)
	  {
	  ادراج كود هنا
	  }

ملاحظة : لاحظ بأن الكود الموجود في تعبير الحلقة for...in تم إظهاره مرة لكل خاصية .

مثال
var person={fname:"أحمد ",lname:"الأحمد ",age:25};
	  var x;

	  for (x in person)
	  {
	  document.write(person[x] + " ");
	  }



تعبير التوقف break


يسمح تعبير break بإيقاف الحلقة والاستمرار بإظهار الكود الذي يتبعه بعد الحلقة .



مثال
<html>
	<body>
	<script type="text/javascript">

	var i=0;
	for (i=0;i<=10;i++)
	{
	if (i==3)
	{
	break;
	}
	document.write("الرقم هو " + i);
	document.write("<br />");
	}

	</script>
	</body>
	</html>



تعبير الاستمرار continue


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

مثال
<html>
	<body>
	<script type="text/javascript">

	var i=0
	for (i=0;i<=10;i++)
	{
	if (i==3)
	{
	continue;
	}
	document.write("الرقم هو " + i);
	document.write("<br />");
	}

	</script>
	</body>
	</html>