JavaScript Conditional Statements

<< مبحث قبلی مبحث بعدی >>

عبارات شرطی برای انجام عمل‌های متفاوت بر اساس شرط‌های متفاوت استفاده می‌شوند.

عبارات شرطی

اغلب اوقات زمانی که مشغول نوشتن یک کد هستید، می‌خواهید که بر اساس تصمیمات متفاوت عمل‌های متفاوتی انجام دهید. برای انجام چنین کاری از عبارات شرطی استفاده می‌کنیم. در جاوا اسکریپت دستورات شرطی زیر وجود دارند:

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

در مورد switch در فصل بعدی توضیح داده خواهد شد.

The if Statement

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

برای بررسی نحوه عملکر if به مثال زیر رجوع کنید.


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript if </h2>
    <p> Display "Good day!" if the hour is less than 18:00: </p>
    <p id = "demo"> Good evening </p>
    <script>
      if (new Date().getHours() < 18) {
        document.getElementById("demo").innerHTML = "Good day";
      }
    </script>
  </body>
</html>

خروجی: در صورتی که ساعت سیستم شما کمتر از 18 باشد، با فشردن دکمه زیر پیام Good evening به Good day تغییر خواهد کرد. در غیر این صورت اتفاقی رخ نخواهد داد.

JavaScript if

Good evening

The else Statement

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
}

برای بررسی نحوه عملکرد else به مثال زیر رجوع کنید.


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript if .. else </h2>
    <p> A time-based greeting: </p>
    <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>

خروجی: با کلیک بر دکمه زیر بر اساس زمان سیستم شما یکی از پیام‌های تعریف شده بر روی صفحه ظاهر می‌شود.

JavaScript if .. else

A time-based greeting:

The else if Statement

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
}

برای بررسی نحوه عملکر else if به مثال زیر رجوع کنید.


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript if .. else if .. else </h2>
    <p> A time-based greeting: </p>
    <p id = "demo"> </p>
    <script>
      const time = new Date().getHours();
      let greeting;
      if (time < 10) {
        greeting = "Good morning";
      } else if (time < 20){
        greeting = "Good day";
      } else {
        greeting = "Good evening";
      }
      document.getElementById("demo").innerHTML = greeting;
    </script>
  </body>
</html>

خروجی: با کلیک بر دکمه زیر بر اساس زمان سیستم شما یکی از پیام‌های تعریف شده بر روی صفحه ظاهر می‌شود.

JavaScript if .. else if .. else

A time-based greeting:

<< مبحث قبلی مبحث بعدی >>