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

الصفحات

جافا سكربت

التعابير و الجمل الشرطية جافا سكربت | JavaScript If ... Else switch

تعابير اذا .. غير ذلك If...Else



تستخدم التعابير الشرطية لإنشاء أوامر مختلفة تعتمد على شروط مختلفة .


التعابير الشرطية JavaScript


عندما تكتب كود معين غالباً ماتريد إنشاء أمر معين حسب شروط مختلفة ولهذا يمكنك استخدام خاصية التعابير الشرطية لفعل ذلك وسنتعلم كيف في الأمثلة .

لدينا 4 تعابير شرطية وهي :

  1. تعبير if : يستخدم هذا التعبير لإظهار كود معين في حال كانت الحالة صحيحة تماماً .

  2. تعبير if … else : تعبير اذا وغير ذلك : يمكن استخدام هذا النوع من الكود الشرطي اذا كانت حالة الشرط الأول صحيحة والثانية خاطئة .

  3. تعبير if … else if ….else : يستخدم هذا التعبير مع واحد من مجموعة أكواد أي يستخدم عند تحقق شرط معين واذا لم يتحقق سيتم إظهار شرط آخر واذا لم يتحقق سيتم تلقائياً تطبيق الكود عند else .

  4. تعبير switch : يستخدم هذا التعبير لإختيار كود من مجموعة أكواد .

تعبير If جافا سكربت


يستخدم هذا التعبير لإظهار كود معين في حال كانت الحالة صحيحة تماماً .

التركيبة
		  if (الشرط)

		  {
		  الكود الذي سيظهر في حال تحقق الشرط
		  }


شرح الكود

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

ملاحظة : يجب كتابة كلمة ( اذا if ) بأحرف صغيرة ولكن عند كتابتها بأحرف كبيرة IF ستقوم الجافاسكربت بإظهار خطأ .

مثال

		  <script type="text/javascript">

		  /*
		  سيتم فحص الفحص اذا كانت الساعة اقل من 10 ستظهر
		  الرسالة صباح الخير
		  */

		  var d=new Date();
		  var time=d.getHours();
		  if (time<10) {
		  document.write("<strong>صباح الخير</strong>");
		  }

		  </script>


لاحظ أنه ليس لدينا الشرط ( غير ذلك else ) أي سيتم إخبار المتصفح أن يظهر الكود فقط اذا تحقق الشرط أي اذا أصبحت الساعة بعد 10 لن يتم إظهار أي نتيجة .


تعبير if … else  في الجافا سكربت


تعبير اذا أو غير ذلك : يمكن استخدام هذا النوع من الكود الشرطي اذا كانت حالة الشرط الأول صحيحة والثانية خاطئة .

التركيبة
		  if (الشرط)

		  {
		  الكود الذي سيظهر في حال تحقق الشرط
		  } else {
		  الكود الذي سيظهر في حال لم يتحقق الشرط
		  }


شرح الكود

نستخدم التعبير if ثم بين قوسين نقوم بوضع الشرط الذي نود استخدامه ثم بين الأقواس المنحنية نقوم بإدارج الكود الذي نود أن يظهر عند تحقق هذا الشرط وإن لم يتحقق الشرط سيتم عرض الكود الموجود ضمن الغير ذلك else أي ان لم يتحقق الشرط سيظهر الكود الآخر .

		  <script type="text/javascript">

		  /*
		  سيتم فحص الفحص اذا كانت الساعة اقل من 10 ستظهر
		  الرسالة صباح الخير
		  */

		  var d=new Date();
		  var time=d.getHours();
		  if (time<10) {
		  document.write("<strong>صباح الخير</strong>");
		  }
		  else {
		  document.write("<strong>إنك متأخر اليوم</strong>");
		  }

		  </script>



تعبير if … else if ….else



يستخدم هذا التعبير مع واحد من مجموعة أكواد أي يستخدم عند تحقق شرط معين واذا لم يتحقق سيتم إظهار شرط آخر واذا لم يتحقق سيتم تلقائياً تطبيق الكود عند else .

التركيبة


		  if (الشرط 1)
		  {
		  الكود الذي سيظهر في حال تحقق الشرط 1
		  }
		  else if (الشرط 2)
		  {
		  الكود الذي سيظهر في حال تحقق الشرط 2
		  }
		  else
		  {
		  الكود الذي سيظهر في حال لم يتحقق الشرط 1 أو الشرط 2
		  }


شرح الكود

نستخدم التعبير if ثم بين قوسين نقوم بوضع الشرط 1 الذي نود استخدامه ثم بين الأقواس المنحنية نقوم بإدارج الكود الذي نود أن يظهر عند تحقق هذا الشرط 1 ثم نقوم بوضع الشرط 2 مع else if الذي نود استخدامه ثم بين الأقواس المنحنية نقوم بإدارج الكود الذي نود أن يظهر عند تحقق هذا الشرط 2 وإن لم يتحقق الشرط سيتم عرض الكود الموجود ضمن الغير ذلك else أي سيظهر الكود ان لم يتحقق الشرط 1 أو الشرط 2.

مثال

		  <script type="text/javascript">

		  var d=new Date();
		  var time=d.getHours();
		  if (time<10) {
		  document.write("<strong>صباح الخير</strong>");
		  }
		  else if (time>=10 && time<12) {
		  document.write("<b>إنه يوم جميل</b>");
		  }
		  else {
		  document.write("<strong>إنك متأخر اليوم</strong>");
		  }

		  </script>

الجملة  switch جافا سكربت



تستخدم التعابير الشرطية لإنشاء أوامر مختلفة تعتمد على شروط مختلفة .



تعبير switch في الجافاسكربت JavaScript


يستخدم تعبير switch لإختيار كود من مجموعة أكواد .

التركيبة


switch(n)
		  {
		  case 1:
		  إدراج مجموعة الأكواد 1
		  break;
		  case 2:
		  إدراج مجموعة الأكواد 2
		  break;
		  default:
		  إظهار الكود اذا كانت النتيجة غير مطابقة للحالتين 1 و 2
		  }




كيف يعمل الكود :


أولاً يجب تحديد تعبير معين بين قوسيم عند استخدام التعبير switch وغالباً مايكون متغير ويتم تقديره مرة واحدة ثم يتم مقارنة قيمة التعبير الذي سيتم مقارنته مع القيم الأخرى في كل حالة .

إن كان هناك تطابق مع الكود سيت عرضه فوراً وسيتوقف الكود عن الفحص كما يمكن استخدام break بعد كل حالة لتجنب عبور الفحص إلى الحالة الأخرى تلقائياً .

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

		  /*
		  ستتقلى تحيات مختلفة تعتمد على اليوم الذي انت فيه اليوم
		  */

		  var d=new Date();
		  var theDay=d.getDay();

		  switch (theDay)
		  {
		  case 5:
		  document.write("وأخيراً يوم الجمعة");
		  break;

		  case 6:
		  document.write("السبت هو بداية يوم العمل");
		  break;

		  case 0:
		  document.write("الأحد يوم آخر من العمل");
		  break;

		  default:
		  document.write("إنني بانتظار يوم العطلة");
		  }

		  </script>


ملاحظة : نستخدم الحالة الافتراضية default عند عدم توفر الشروط في كل من الحالات السابقة لعرض رسالة منفصلة اي تماماً كما تعمل else


تعبير التوقف 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>