درخواست های ارتباط
جستجو
لیست دوستان من
صندوق پیام
همه را دیدم
  • در حال دریافت لیست پیام ها
صندوق پیام
رویدادها
همه را دیدم
  • در حال دریافت لیست رویدادها
همه رویدادهای من
تخفیف های وب سایت
همه تخفیف ها

عضویت در

کانال تلگرام

توسینسو

اطلاعات مطلب
مدرس/نویسنده
پارسا صفوی
امتیاز: 17244
رتبه:34
20
30
10
138
طراح و برنامه نویس وب و ویندوز با استفاده از C# و ASP.NET MVC پروفایل کاربر

آموزش جاوااسکریپت - بخش سوم :: Switch ، else if و توابع

تاریخ 43 ماه قبل
نظرات 0
بازدیدها 340
سلام به دوستان خوب itpro
خوشحالم که توی بخش سوم آموزش جاوااسکریپت همراه ما هستید.
داخل آموزش های گذشته ما با جاوااسکریپت ، متغیر ها یش و عملگر ها آشنا شدیم. در این جلسه می خواهیم با چند تا دیگر از دستورات دنیای برنامه نویسی آشنا بشیم که دست ما رو در نوشتن برنامه ها خیلی باز می کنن.

Else If

ما با دستور If آشنا شدیم و توانستیم که مقدار ها را بررسی کنیم و در صورت درست بودن شرط کدی و در صورت درست نبودن کد دیگری را اجرا کنیم.
ما می توانیم چند شرط را پست سر هم قرار دهیم تا در زمان بررسی فقط یکی از حالات اجرا شود:
if (expression 1){
   
}

else if (expression 2){
   
}

else if (expression 3){
   
}

else{
  
}
در کد بالا ما چند شرط را داخل یک شرط پیاده کردیم. توجه داشته باشید که تنها یکی از شرط های بالا اجرا می شود حتی در صورتی که شرط های دیگر هم درست باشند.
مثلا وقتی من متغیری به نام day دارم که عدد یکی از روز های هفته در آن ذخیره شده است.(شنبه = 0 ، یکشنبه = 1،...وجمعه = 6)
برای این کار من فولدر project3 رو داخل workSpace می سازم و فایل های index.html و main.js رو داخلش قرار می دم و سپس فایل HTML رو به js وصل می کنم.
فایل HTML :
<!DOCTYPE html>
<html>
<head lang="fa-ir">
    <meta charset="UTF-8">
    <title>javaScript tutorial</title>
</head>
<body>
<script src="main.js" type="text/javascript"></script>
</body>
</html>
درکد جاوااسکریپت ابتدا یک متغیر به نام day درست می کنم:
var day;
سپس مقداری به متغیر می دهم:
day = 3;
حالا می خواهم بررسی کنم که عدد داخل day متعلق به چه روزی است و سپس اسم روز را چاپ کنم.
if(day == 0){
    document.write("شنبه");   
}
else if(day == 1){
    document.write("یکشنبه");
}
else if(day == 2){
    document.write("دوشنبه");
}
else if(day == 3){
    document.write("سه شنبه");
}
else if(day == 4){
    document.write("چهار شنبه");
}
else if(day == 5){
    document.write("پنج شنبه");
}
else if(day == 6){
    document.write("جمعه");
}
در کد بالا من توانستم با استفاده از else if چندین شرط را یکجا بررسی کنم.
دقت داشته باشید که در صورتی که هر کدام از حالا بر قرار باشند ، بقیه ی حالات دیگر بررسی نخواهند شد.
خروجی:
if


دستور شرطی Switch

ما تا الان با دستور if و عملگر های شرطی آشنا شدیم. حالا می خواهیم یک دستور شرطی دیگه رو بررسی کنیم که در همه ی موارد کاربرد نداره ولی در بعضی از قسمت ها خیلی به ما کمک می کنه.
دستور Switch در زمان هایی که ما قصد داریم چندین بار یک مقدار را بررسی کنیم به ما کمک می کند.
شکل کلی Switch به شکل زیر است:
switch(مقداری که قرار است چک شود) {
    case n:
   کد
        break;
    case n:
        کد
        break;
    default:
        default code block
}
برای مثال ما می توانیم برنامه ی بالا رو که شماره ی روز ها رو گرفته و نامش رو تحولیل میداد رو با Switch پیاده کنیم:
       var day = 3;
switch(day){
        case 0:
            document.write("شنبه");
        brake;
        case 1:
            document.write("یک شنبه");
        break;
        case 2:
            document.write("دوشنبه");
        breake;
        case 3:
            document.write("سه شنبه");
        breake;
        case 4:
            document.write("چهار شنبه");
        breake;
        case 5:
            document.write("پنج شنبه");
        breake;
        case 6:
            document.write("جمعه");
        break;
        default: 
            document.write("عدد معتبر نیست");
}
در کد بالا ابتدا من مقداری که قرار است بررسی شود را مشخص کردم و گفتم اگر برابر 0 بود شنبه ، اگر برابر 1بود یکشنبه و ...
توجه داشته باشید با نوشتن braek برنامه از Case قبلی خارج شده منتظر ورود به Case بعدی می شود. در قسمت Defult هم گفتیم که اگر day برابر هیچ کدام از مقدار های Case نبود داخل صفحه پیغام عدد معتبر نیست را چاپ کن.
خروجی :
switch


توابع (Functions)

تکرار نشدن کد یکی از اساسی ترین قوانین برنامه نویسی اصولی است. هرچه در برنامه ی شما کمتر تکرار کد دیده شود ، شما برنامه ی حرفه ای تری خواهید داشت. تکنیک های مختلفی در برنامه نویسی به ما کمک می کنند که تکرار را در کدمان پایین بیاوریم. یکی از ابتدایی ترین و موثر ترین روش ها استفاده از توابع است. استفاده از توابع گسترش برنامه را ساده تر می کند و در زمان نوشتن وقت کمتری از برنامه نویس می گیرد. توابع کد هایی هستند که به تعداد نیاز ورودی میگیرند (می توانند ورودی نگیرند) و بر روی ورودی ها عملیاتی انجام می دهند و سپس یک خروجی بر می گردانند(می توانند خروجی نداشته باشند). سپس ما در برنامه ی خود می توانیم از آن ها به تعداد نیاز استفاده کنیم و در حقیقت از تکرار کد های تابع جلوگیری کنیم.
شکل کلی نوشتن توابع مانند زیر است :
function name(parameters) {
    return someData;
}
در میان پرانتز ها ما داده های ورودی را دریافت می کنیم و داخل تابع می توانیم از آنها استفاده کنیم. توجه داشته باشید که برای جدا کردن داده های ورودی داخل از " , " استفاده می کنیم.
برای مثال ما می خواهیم برنامه ای بنویسیم که دو عدد را گرفته و حاصل جمع آن ها را بر می گرداند.
function sum(num1, num2) {
    return num1 + num2;
}
در تابع بالا دو مقدار ورودی با نام های num1 و num2 داریم که در حقیقت متغیر هایی هستند که داخل تابع قابل استفاده اند. در نهایت ما خروجی تابع را num1+num2 قرار دادیم.
حالا برای استفاده از این تابع در برنامه کافی است ان را صدا کنیم :
var result = sum(2,3);
در داخل سطر بالا ابتدا من دو عدد به عنوان ورودی به تابع دادم و سپس مقداری که توسط تابع return شده بود رو داخل متغیری به نام result ریختم.
حالا آن را چاپ می کنم :
document.write(result);
خروجی :
functions

دیدیم که مقدار 5 که از جمع 2 , 3 به دست آمده بود در خروجی چاپ شد.
حالا ما می توانیم همیشه از این تابع برای جمع زدن استفاده کنیم. دیگر فقط کافیست آن را صدا کنیم.

ممنون از این که همراه ما بودید.
ITPRO باشید
محمد پارسا صفوی
انجمن تخصصی فناوری اطلاعات ایران - tosinso.com
برچسب ها
ردیف عنوان
1 آموزش جاوااسکریپت - بخش اول :: آشنایی ، تاریخچه و متغیر ها
2 آموزش جاوااسکریپت - بخش دوم :: عملگر ها و عبارات شرطی
3 آموزش جاوااسکریپت - بخش سوم :: Switch ، else if و توابع
4 آموزش جاوااسکریپت - بخش چهارم :: حلقه ی For ، While و Break و Continue
دوره مجموعه کل دوره
مطالب مرتبط

در حال دریافت اطلاعات

نظرات
هیچ نظری ارسال نشده است

    برای ارسال نظر ابتدا به سایت وارد شوید