Javascript

|

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

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

برای این کار درستورات if و swich در جاوا اسکریپت استفاده میشه.

در ابتدا ساختار عبارات if و swich به شما معرفی می کنیم و نحوه نوشتن اونها رو و در انتهای این مقاله چند اسکریپت با هم مینویسیم.

عبارات if به ۳ شکل میشه استفاده کرد.

در نوع اول میخوایم اگر شرط برقرار بود یک تیکه کد اجرا بشه در غیر این صورت اجرا نشه در نوع اول ما یک condition یا شرط رو درون عبارت if قرار میدیم در صورتی که شرط برقرار باشه یعنی مقدار true داشته باشه کد if اجرا میشه و در صورتی که مقدار false داشته باشیم کد اجرا نمیشه و بعد از if ادامه پیدا میکنه .

If ( condition) {

Code to be executed if condition is true

}

در نوع دوم به این شکل هست که ما یک شرط رو در عبارت if قرار میدیم در صورتی که شرط برقرار باشه کدی که در قسمت block if قرار میدید اجرا میشه.

If ( condition) {

Code to be executed if condition is true

}

Else {

Code to be executed if condition is not true

}

Else مینویسیم تا تاکید کنیم اگر اون شرط برقرار نبود چه قسمتی از کد اجرا بشه.پس اگر مقدار true بود مقدار if اجرا میشه و اگر false بود مقدار Else اجرا میشه که ما در این block ها هر تعداد کدی که لازم داریم داشته باشیم.

در نوع سوم استفاده از این if ها میتونید چندین شرط رو مقایسه و بررسی کنید. در این روش با اوردن block های else if درون عبارت if میتونید شرط های دیگر رو مقایسه کنید.

به طور مثال در اینجا

If ( condition۱) {

Code to be executed if condition is true

}

Else if (condition2) {

Executed if conditional is false and condition2 is true

}

Else {

Code to be executed if condition is not true

}

در صورتی که condition1 و شرط ۱ برقرار باشه قسمت if اجرا میشه در غیر این صورت به بلاک else if میریم و اگر شرط ۱ برقرار نبود شرط ۲ رو چک میکنیم و اگر شرط ۲ برقرار بود قسمت Else if اجرا میشه.

این بلاک های else if میتونن چندین تا باشند و اگر condition1 و condition2 هر دو برقرار نبودند یعنی هر دو False بودند قسمت Else اجرا میشه.

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

Switch

عبارت switch به این صورت هست که شما معمولا از یک متغییر در اون استفاده میکنید. مقدار این متغییر با هر کدام از case ها که برقرار بود کد مربوط به اون اجرا میشه.

Switch(n) {

Case 1:

Execute code block 1

Break;

Case 2:

Execute code block 2

Break;

Default:

Code to be executed if n is different case 1 and 2

}

به طور مثال فرض کنید متغییری رو از کاربر دریافت کردید و اون رو در متغییر n قرار دادید حال اگر کاربر عدد 2 رو وارد کرده باشه Case2 اجرا میشه. بعد از هر Case ما از دستور break استفاده میکنیم این دستور باعث میشه که برنامه پس از پایان اون Case مربوطه به بعد از عبارت Switch منتقل بشه.

در صورتی که مقدار متغییری که در عبارت switch با هیچ کدام از Case ها برابر نبود به طور پیش فرض کدی که در قسمت Default تعیین کردید اجرا میشه.

حال چند مثال میزنیم برای درک بیشتر.

مثال: اسکریپتی بنویسید در صورتی که ساعت سیستم کاربر از ساعت 12 ظهر بیشتر بود یک پیام ظهر به خیر به اون نمایش بده کد این اسکریپت به این شکل میشه:

<script type=”text/javascript”>

Var d = new data() ;

Var hour = d.getHours();

Document.write(hour + ‘ <br> ‘)

If (hour >= 12 ) {

Document.write( “<br> ظهر شما به خیر </br>”) ;

}

</script>

در خط دوم ساعت سیستم کاربر رو دریافت میکنه که با استفاده از new date که یک کلاس هست دریافت میکنیم و در متغییر D قرار میدیم سپس رقمی که مربوط به ساعت هست رو با استفاده از متد get.Hour دریافت و در متغییر hour قرار میدیم.

سپس با متغییر Document.write چاپ میکنیم تا ببینیم سپس با استفاده از if دستور میدهیم بعد از ساعت ۱۲ پیام ظهر به خیر رو نمایش بده.

حال میخواهیم کد رو گسترش بدیم به طوری که پیام صبح به خیر رو هم نمایش بده که شما میتوانید با متغییر else این کار رو انجام بدید.

<script type=”text/javascript”>

Var d = new data() ;

Var hour = d.getHours();

Document.write(hour + ‘ <br> ‘)

If (hour >= 12 ) {

Document.write( “<br> ظهر شما به خیر </br>”) ;

dir="ltr"}

Else {

Document.write(“ <br> صبح شما به خیر </br> “ );

</script>

حال اگر از ۱۲ بامداد تا ۱۲ ظهر باشه بلاک else اجرا میشه .

دریافت آخرین مطالب وبلاگ در کانال داتینه

بهاره شهسواری

بهاره شهسواری ، کارشناس نرم افزار هستم .
از سال 91 مشغول به یادگیری زبان های css ,html , javascript و jquery شدم
و از سال 93 به صورت اختصاصی به فعالیت در حوزه css و html پرداختم. علاوه بر کد نویسی به گرافیک هم علاقه مند هستم.

نظرات
نظر بدهید