جهت مشاهده نتایج و تست کدها از ادیتور آنلاین استفاده کنید (کلیک کنید).

عبارات شرطی در جاوااسکریپت

  • هنگام برنامه نویسی ممکن است بخواهید متناسب با شرایط مختلف عملیات متفاوتی اجرا شود که به همین منظور میتوان از عبارات شرطی مختلف مانند if else, switch استفاده کرد.

if-else یا if-else if عبارات شرطی

  • عبارت شرطی if-else یا if-else if به این صورت عمل میکند که ابتدا یک شرط را تعیین میکنند اگر شرط برقرار باشد که عملیات مربوط به آن اجرا میشود ولی اگر شرط برقرار نباشد شرط بعدی را بررسی میکند و الی آخر.

نحوه استفاده از دستور if-else:

if (condition) {   //  block of code to be executed if the condition is true else {   //  block of code to be executed if the condition is false }

نحوه استفاده از دستور  if-else if:

if (condition1) {   //  block of code to be executed if condition1 is true else if (condition2) {   //  block of code to be executed if the condition1 is false and condition2 is true else {   //  block of code to be executed if the condition1 is false and condition2 is false }

مثال:

در مثال زیر طبق شرط نوشته شده ابتدا ساعت چک میشود اگر ساعت قبل از ۶ عصر باشد پیغام Good day چاپ میشود در غیر اینصورت پیغام Good evening چاپ خواهد شد.

<html> <body> <p id=“demo”></p> <script> const hour = new Date().getHours(); let greeting; if (hour < 18) { greeting = “Good day”; } else { greeting = “Good evening”; } document.getElementById(“demo”).innerHTML = greeting; </script> </body> </html>

switch عبارت شرطی

  • در این نوع عبارت شرطی چندین شرط وجود دارند (case) که یکی یکی بررسی میشوند به محض اینکه اولین شرط برقرار شد عملیات مربوط به شرط قبول شده اجرا میشود.

switch(expression) {   case x:     // code block     break;   case y:     // code block     break;   default:     // code block }

مثال:

در این مثال با استفاده از تابع ()Date.()getDay روز هفته مشخص میشود سپس عدد بدست آمده را با اعداد مربوط به caseهای مختلف مقایسه میشود مثلا اگر عدد بدست آمده صفر باشد “یکشنبه” چاپ میشود.

switch (new Date().getDay()) {   case 0:     day = “Sunday”;     break;   case 1:     day = “Monday”;     break;   case 2:      day = “Tuesday”;     break;   case 3:     day = “Wednesday”;     break;   case 4:     day = “Thursday”;     break;   case 5:     day = “Friday”;     break;   case 6:     day = Saturday”; }

Scroll to Top