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

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

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

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

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

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

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

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

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

 

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

 

 

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

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

 

عبارت if  :

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

نحوه کاربرد:

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

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

<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 اجرا می شوند.

نحوه کاربرد:

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

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

<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…. :

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

نحوه کاربرد:

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

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

<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 براتون مفید بوده باشه و دقت داشته باشید که هر جلسه رو به خوبی تمرین کنید چرا که در آینده نزدیک و جلسات آتی یاد خواهید گرفت که چطور با جاوا اسکریپت طراحی سایت انجام بدید.

موفق باشید.

برچسب ها

امین عزیزی‌پور

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

نوشته های مشابه

‫2 نظرها

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

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

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

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

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
یک چیز متفاوت تجربه کنید
کاراکتر اشاره گر
دوره سئو، رایگان شد.
یک چیز متفاوت تجربه کنید
کاراکتر اشاره گر