۲۰
آبان

جلسه ۴۳-۰۳ : JavaScript چیست؟ – تکنولوژی اینترنت

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزشی

فهرست

مقدمه

سلام دوستان عزیز وب سایت آموزشی پی وی لرن و وقت بخیر به علاقمندان آموزش تکنولوژی های اینترنتی. در این بخش با ساختارهای کنترل از جمله دستور Switch case در جاوا اسکریپت ، حلقه Do while و While و for و If … else در جاوا اسکریپت آشنا خواهیم شد.

ساختارهای کنترل

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

if … else
switch case
do while loop
while loop
for loop

در ابتدا با If … else در جاوا اسکریپت آشنا می شویم.

If … else

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

سینتکس

مثال :

if (expression){
   Statement(s) to be executed if expression is true
}

if (expression){

Statement(s) to be executed if expression is true

}

مثال:

مثال :

<script type="text/javascript">
   <!--
      var age = 20;
      if( age > 18 ){
         document.write("<b>Qualifies for driving</b>");
      }
   //-->
</script>

<!--

var age = 20;

if( age > 18 ){

document.write("<b>Qualifies for driving</b>");

}

//-->

</script>

دستور Switch case در جاوا اسکریپت

سینتکس اصلی عبارت switch، مشخص کردن یک عبارت برای ارزیابی و تعیین چندین جمله ی مختلف برای اجرا، بر اساس مقدار عبارت است. مفسر هر case را در برابر مقدار عبارت دستور switch مقایسه می کند تا زمانی که گزینه ی مورد نظر پیدا شود. اگر هیچ گزینه ای مطابقت نداشته باشد ، از شرط پیش فرض یا default استفاده می شود.

سینتکس

مثال :

switch (expression) {
   case condition 1: statement(s)
                    break;
   case condition 2: statement(s)
                    break;
   ...
   case condition n: statement(s)
                    break;
   default: statement(s)
}

switch (expression) {

case condition 1: statement(s)

break;

case condition 2: statement(s)

break;

...

case condition n: statement(s)

break;

default: statement(s)

}

مثال

مثال :

<script type="text/javascript">
   <!--
      var grade='A';
      document.write("Entering switch block<br/>");
      switch (grade) {
         case 'A': document.write("Good job<br/>");
            break;
         case 'B': document.write("Pretty good<br/>");
            break;
         case 'C': document.write("Passed<br/>");
            break;
         case 'D': document.write("Not so good<br/>");
            break;
         case 'F': document.write("Failed<br/>");
            break;
         default:  document.write("Unknown grade<br/>")
      }
      document.write("Exiting switch block");
   //-->
</script>

<!--

var grade='A';

document.write("Entering switch block<br/>");

switch (grade) {

case 'A': document.write("Good job<br/>");

break;

case 'B': document.write("Pretty good<br/>");

break;

case 'C': document.write("Passed<br/>");

break;

case 'D': document.write("Not so good<br/>");

break;

case 'F': document.write("Failed<br/>");

break;

default: document.write("Unknown grade<br/>")

}

document.write("Exiting switch block");

//-->

</script>

حلقه Do while در جاوا اسکریپت

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

سینتکس

مثال :

do{
   Statement(s) to be executed;
} while (expression);

do{

Statement(s) to be executed;

} while (expression);

مثال

مثال :

<script type="text/javascript">
   <!--
      var count = 0;
      document.write("Starting Loop" + "<br/>");
      do{
         document.write("Current Count : " + count + "<br/>");
         count++;
      }while (count < 0);
      document.write("Loop stopped!");
   //-->
</script>

<!--

var count = 0;

document.write("Starting Loop" + "<br/>");

do{

document.write("Current Count : " + count + "<br/>");

count++;

}while (count < 0);

document.write("Loop stopped!");

//-->

</script>

این نتیجه زیر را خواهد داد.

مثال :

Starting Loop
Current Count : 0
Loop stopped!

Starting Loop

Current Count : 0

Loop stopped!

حلقه While در جاوا اسکریپت

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

سینتکس

مثال :

while (expression){
   Statement(s) to be executed if expression is true
}

while (expression){

Statement(s) to be executed if expression is true

}

مثال

مثال :

<script type="text/javascript">
   <!--
      var count = 0;
      document.write("Starting Loop" + "<br/>");
      while (count < 10){
         document.write("Current Count : " + count + "<br/>");
         count++;
      }
      document.write("Loop stopped!");
   //-->
</script>

<!--

var count = 0;

document.write("Starting Loop" + "<br/>");

while (count < 10){

document.write("Current Count : " + count + "<br/>");

count++;

}

document.write("Loop stopped!");

//-->

</script>

این دستورات نتیجه زیر را خواهد داد.

مثال :

Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped!

Starting Loop

Current Count : 0

Current Count : 1

Current Count : 2

Current Count : 3

Current Count : 4

Current Count : 5

Current Count : 6

Current Count : 7

Current Count : 8

Current Count : 9

Loop stopped!

حلقه for در جاوا اسکریپت

حلقه for یکی از پر استفاده ترین شکل حلقه ها است و شامل سه بخش مهم زیر است.

مقداردهی اولیه حلقه که در آن شمارنده ی خود را برای شروع مقدار، مقدار دهی اولیه می کنیم. عبارت مقدار دهی اولیه، قبل از حلقه شروع (begin) اجرا می شود.
تست عبارت، که تست خواهد کرد که عبارت درست است یا نادرست. اگر شرط صحیح باشد ، کدی که در حلقه داده می شود اجرا خواهد شد ، در غیر این صورت از حلقه بیرون می آید.
عبارت تکراری که در آن می توانید شمارنده ی خود را افزایش یا کاهش دهید.

سینتکس

مثال :

for (initialization; test condition; iteration statement){
   Statement(s) to be executed if test condition is true
}

for (initialization; test condition; iteration statement){

Statement(s) to be executed if test condition is true

}

مثال

مثال :

<script type="text/javascript">
   <!--
      var count;
      document.write("Starting Loop" + "<br/>");
      for(count = 0; count < 10; count++){
         document.write("Current Count : " + count );
         document.write("<br/>");
      }
      document.write("Loop stopped!");
   //-->
</script>

<!--

var count;

document.write("Starting Loop" + "<br/>");

for(count = 0; count < 10; count++){

document.write("Current Count : " + count );

document.write("<br/>");

}

document.write("Loop stopped!");

//-->

</script>

این نتیجه زیر را خواهد داشت که شبیه به حلقه while است.

مثال :

Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped!

Starting Loop

Current Count : 0

Current Count : 1

Current Count : 2

Current Count : 3

Current Count : 4

Current Count : 5

Current Count : 6

Current Count : 7

Current Count : 8

Current Count : 9

Loop stopped!

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

در زیر نمونه برنامه ای است که وقتی دکمه را کلیک می کنیم ، زمان را نشان می دهد.

مثال :

<html>
   <body>
      <button onclick="this.innerHTML=Date()">The time is?</button>
      <p>Click to display the date.</p>
      <button onclick="displayDate()">The time is?</button>
      <script>
         function displayDate() {
            document.getElementById("demo").innerHTML = Date();
         }</script>

         <p id="demo"></p>
      </script>
   </body>
</html>

<html>

<body>

<p>Click to display the date.</p>

function displayDate() {

document.getElementById("demo").innerHTML = Date();

}</script>

</script>

</body>

</html>

حلقه ها در جاوا اسکریپت

کلام پایانی

دوستان متشکریم از یان که با مبحث جاوا اسکریپت همراه ما بودید. دستور Switch case در جاوا اسکریپت ، If … else در جاوا اسکریپت و حلقه ها از جمله حلقه ی Do while ، while و حلقه ی for رو در این بخش از آموزش تکنولوژی اینترنت آشنا شدیم. در جلسه ی آینده مبحث PHP رو دنبال خواهیم نمود. بنابراین اگر به این مبحث نیز علاقمندید، جلسه ی بعد نیز با وب سایت آموزشی پی وی لرن همراه باشید.

QR: جلسه ۴۳-۰۳ : JavaScript چیست؟ – تکنولوژی اینترنت

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۴۳-۰۳ : JavaScript چیست؟ – تکنولوژی اینترنت

مقدمه

ساختارهای کنترل

If … else

سینتکس

دستور Switch case در جاوا اسکریپت

سینتکس

مثال

حلقه Do while در جاوا اسکریپت

سینتکس

مثال

حلقه While در جاوا اسکریپت

سینتکس

مثال

حلقه for در جاوا اسکریپت

سینتکس

مثال

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

کلام پایانی

لیست مطالب دوره

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ