دستورات شرطی و عملگرها در جاوا اسکریپت

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

مقدمه :

زبان جاوا اسکریپت، زبان برنامه نویسی شی گرا و پویایی است، که کاربرد بسیاری در صفحات وب دارد و به کمک این زبان برنامه نویسی می توان به اشیای درون صفحه‌های HTML دسترسی پیدا کرد.

هنگامی که ساختار کلی و ظاهری صفحات اینترنتی با HTML & CSS تکمیل می‌شوند؛ با جاوا اسکریپت (JS) می توان به کنترل صفحات پرداخت.

ویدیو آموزشی دستورات شرطی و عملگرها در جاوا اسکریپت :

آموزش دستورات شرطی و عملگرها به صورت متنی :

دستورات شرطی، عبارتهایی هستند که به بررسی شرطی که به آنها داده شده می‌پردازند، و درصورت صحیح بودن این شرط دستورات داخل خود را اجرا می کنند.

if(شرط)
{
دستورات
}

ساختار و نحوه نوشتن دستور if به شکل بالا است،

اگر شرطی که داخل پرانتز ذکر شده صحیح بود، عبارت‌های داخل {}  اجرا می‌شوند.

در بین عملگرها ما 4 نوع عملگرهای محاسباتی، عملگرهای منطقی، عملگرهای انتصاب یا جایگزینی و عملگرهای مقایسه ای را بررسی می کنیم.

عملگرها :

عملگرهایی مثل ” + ” و ” – ” و ” * ” و ” / ” و ” % ” عملگرهای محاسباتی هستند، که برای اعمال ریاضی مانند جمع و تفریق و… از آنها استفاده می کنیم.

عملگر ” % “، عملگر باقی مانده تقسیم است، و باقی مانده تقسیم دو عدد مورد نظر را به ما نشان خواهد داد.

var a = 10;
a++;
a--;

در عبارت بالا، ابتدا یک متغیر به نام a تعریف کردیم، و مقدار اولیه آن را برابر 10 قرار دادیم.

در خط دوم با عملگر ” ++ ” یک مقدار به متغیر a اضافه کردیم.

مقدار کنونی a برابر 11 خواهد بود.

در خط سوم با عملگر ” – – ” یک مقدار از a کم می کنیم.

عملگرهایی مثل ” == ” و ” <= ” و ” >= ” و ” != ” و ” > یا < ” عملگرهای مقایسه ای هستند، و برای مقایسه مقادیر بین متغیرها استفاده می‌شوند.

در کادر زیر عملگرهای جایگزینی یا انتصاب را مشاهده می‌کنید:

a += 7 ;     //a = a + 7;
a *= 7 ;     //a = a * 7;
...

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

در زمانی که بخواهیم از چند شرط استفاده کنیم، می توانیم هر شرط را در عبارت else if بیان کنیم؛ به مثال زیر دقت کنید:

var a = 10;
if(a<10){
        alert("less than 10!!")
    }
    else if(a>10){
        alert("more than 10!!")
    }
    else{
        alert("its ten!!!")
    }

متغیر a با مقدار اولیه 10 تعریف کرده ایم. در شرط اول بررسی می شود، که a آیا از 10 کوچکتر است یا خیر؛

در شرط بعدی نیز بررسی می شود، که آیا از 10 بزرگتر است یا خیر؛

در انتها نیز چون هیچ کدام از دو شرط برقرار نشد؛ دستورات داخل else اجرا می شود.

اگر تعداد شرط هایی زیادی را بخواهیم بررسی کنیم، می‌توانیم از دستور switch() استفاده کنیم.

var a = 15;
switch(a){
        case 5:
            alert("five!");
            break;
            
        case 10:
            alert("ten!")
            break;
            
        case 12:
            alert("twelve!")
            break;
        default:
            alert("wrong!")
    }

اگر مقدار a بین case های تعریف شده وجود داشت، دستورات همان case اجرا خواهد شد و اگر مقدار a با هیچ کدوم از case ها برابر نبود دستورات داخل عبارت default اجرا می‌شود.

دقت داشته باشید، بعد از تعریف هر case در انتهای آن عبارت break را بیاورید.

به پایان این آموزش رسیدیم، اگر ابهام یا ایرادی داشتید می توانید در بخش نظرات مطرح نمایید.