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

آموزش javascript
آموزش جاوااسکریپت و طراحی سایت

آموزش جاوااسکریپت به زبان ساده

سلام دوباره خدمت دوستان و کاربران عزیز سایت میزفا ؛

در این قسمت از آموزش جاوا اسکریپت  با عبارات شرطی موجود در زبان جاوااسکریپت آشا خواهیم شد.

آشنایی با عبارات شرطی

در هنگام نوشتن یک برنامه زمانی بوجود می آید که شما نیاز داریم از یک مجموعه مسیرهای مشخص استفاده کنید.در این مواقع باید از عبارات شرطی استفاده کنیم که به ما در تصمیم گیری و اقدام درست کمک می کنند.

جاوااسکریپت از عبارات شرطی به خوبی پشتیبانی می کند که در ادامه خواهیم دید.

فلوچارت (flow chart) زیر به خوبی نحوه کارکرد عبارات شرطی را نمایش می دهد:

 

آموزش javascript
آموزش جاوااسکریپت-فلوچارت

 

 

عبارات شرطی در بیشتر زبان های برنامه نویسی از جمله زبان جاوااسریپت به سه حالت کلی زیر تقسیم می شوند:

  • عبارت if
  • عبارت if….else
  • عبارت if….else if

 

عبارت if  :

اگر شرط موردنظر برقرار(true) بود دستورات داخل بلاک if اجرا می شوند.

نحوه کاربرد:

[box fontsize=”16″ radius=”5″]

if (شرط) {
    اگر شرط برقرار باشد ، دستوراتی که در این محل قرار دارند اجرا می شوند
}

[/box]

به مثال زیر توجه کنید:

<html>
   <body>
      
      <script type="text/javascript">
         <!--
            var age = 20;
         
            if( age > 18 ){
               document.write("<b>Qualifies for driving</b>");
            }
         //-->
      </script>
      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

output
//Qualifies for driving
//Set the variable to different value and then try...

 

عبارت if….else :

در این حالت اگر شرط موردنظر برقرار بود دستورات درون بلاک if اجرا می شوند در غیر این صورت یعنی در صورتی که شرط if  برقرار نباشد دستورات درون بلاک else اجرا می شوند.

نحوه کاربرد:

[box fontsize=”16″ radius=”5″]

if (شرط) {
        اگر شرط برقرار باشد ، دستوراتی که در این محل قرار دارند اجرا می شوند
} else {
        اگر شرط برقرار نباشد ، دستوراتی که در این محل قرار دارند اجرا می شوند
}

[/box]

به مثال زیر توجه کنید:

<html>
   <body>
   
      <script type="text/javascript">
         <!--
            var age = 15;
         
            if( age > 18 ){
               document.write("<b>Qualifies for driving</b>");
            }
            
            else{
               document.write("<b>Does not qualify for driving</b>");
            }
         //-->
      </script>
      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

output
//Does not qualify for driving
//Set the variable to different value and then try...

 

 

عبارت if….else if…. :

این حالت در واقع دو حات قبل را به صورت یکجا دارد و ترکیبی از آن هاست:

نحوه کاربرد:

[box fontsize=”16″ radius=”5″]

if (شرط1) {
          اگر شرط اول برقرار باشد ، دستوراتی که در این محل قرار دارند اجرا می شوند
} else if (شرط2) {
        اگر شرط دوم برقرار باشد ، دستوراتی که در این محل قرار دارند اجرا می شوند
} else {
          اگر هیچ کدوم از شرط ها برقرار نباشد، دستوراتی که در این محل قرار دارند اجرا می شوند
}

[/box]

به مثال زیر توجه کنید:

<html>
   <body>
   
      <script type="text/javascript">
         <!--
            var book = "maths";
            if( book == "history" ){
               document.write("<b>History Book</b>");
            }
         
            else if( book == "maths" ){
               document.write("<b>Maths Book</b>");
            }
         
            else if( book == "economics" ){
               document.write("<b>Economics Book</b>");
            }
         
            else{
               document.write("<b>Unknown Book</b>");
            }
         //-->
      </script>
      
      <p>Set the variable to different value and then try...</p>
   </body>
<html>


output
//Maths Book
//Set the variable to different value and then try...

در آخر اینکه آشنایی با نحوه استفاده از عملگرها برای استفاه بهتر از عبارت های شرطی ضروری است.

 

امیداوارم این آموزش Javascript براتون مفید بوده باشه و دقت داشته باشید که هر جلسه رو به خوبی تمرین کنید چرا که در آینده نزدیک و جلسات آتی یاد خواهید گرفت که چطور با جاوا اسکریپت طراحی سایت انجام بدید.

موفق باشید.

فیلم آموزشی asp.net core 2

امین عزیزی‌پور
دانشجوی مهندسی نرم افزار هستم. مدتی است پیرامون طراحی وب فعالیت می کنم و خوشحال هستم از این که بستری مهیا شده تا بتونم دانسته هام رو بروز نگه دارم، امیدوارم مطالبی که به اشتراک گذاشته میشه مفید باشن. “لطف کنید پیشنهادات و انتقادات خودتون رو با ما مطرح کنید.”

فیلم آموزشی asp.net core 2

2 نظر

2 پاسخ

  1. سلام در نرم افزار محتواساز الکترونیکی استوری لاین از زبان جاوااسکریپت میشه استفاده کرد و بازی های آموزشی فراوان و زیبا تولید کرد . لذا تقاضا مندم که در این زمینه به فرهنگیان عزیز کمک کنید . اگر محبت کنید تماس هم بگیرید که من توضیح بدم ممنون .09124066551

    1. سلام
      بله با جاوااسکریپت می شود بازی طراحی کرد ولی بنده هنوز در این زمینه اطلاعات کافی ندارم…

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=