1. 程式人生 > >JavaScript基本語法:js語句

JavaScript基本語法:js語句

1.if語句 最基本的if語句格式

    if (條件表示式) {
        // 條件為真時,做的事情
    } else {
        // 條件為假時,做的事情
    }

多分支的if語句格式

 if (條件表示式1) {
        // 條件1為真時,做的事情

    } else if (條件表示式2) {
        // 條件1不滿足,條件2滿足時,做的事情

    } else if (條件表示式3) {
        // 條件1、2不滿足,條件3滿足時,做的事情

    } else {
        // 條件1、2、3都不滿足時,做的事情
    }

2.if語句例項

題目:從鍵盤輸入分數,如果分數等於100則獎勵一部手機,如果分數在[80,100)則獎勵100元,如果分數在[60,80)則獎勵一般參考書,否則沒有獎勵

<script type="text/javascript">
//從鍵盤輸入,因為prompt()函式的返回值型別是string所以要加上+號 
var score=+prompt("輸入分數");
if(score<0 || score>100 || isNaN(score))
{
	alert("輸入分數不合法");
}
else
{
	if(score==100)
	  document.write("獎勵手機一部");
	else if(score>=80)
	   document.write("獎勵100元");
	else if(score>=60)
	    document.write("獎勵一本參考書");
	else
		  document.write("沒有獎勵");
		  
}
</script>

3.switch語句例項 基本格式

在這裡插入程式碼片在這裡插入程式碼片switch(表示式)
{
	case 取值1:
	   語句塊1:break;
    case 取值2:
	   語句塊2:break; 
	case 取值3:
	   語句塊3:break;
	   .
	   .
	   .
	   .
	   .
	   .
	 default:  
	  語句塊n+1:break;
}

題目:輸入1-7之間的數字輸出對應是周幾

<script type="text/javascript"> 
var a=+prompt("請輸入(1-7)之間的數字");
switch(a)
{
  case 1:
	  document.write("星期一");break;
  case 2:
	   document.write("星期二");break;
  case 3:
	   document.write("星期三");break;
  case 4:
	   document.write("星期四");break;
  case 5:
	   document.write("星期五");break;
  case 6:
	   document.write("星期六");break;
  case 7:
	   document.write("星期日");break;
	   default:
	   document.write("輸入不合法");break;
}	  		  
</script>

4.while迴圈 while語句既是迴圈語句,也是條件判斷語句。while 語句的語法格式如下:

while(條件表示式語句)
{
執行語句塊
}

當“條件表示式語句”的返回值為true 時,則執行{}中的語句塊:當執行完目中的語句塊後,再次檢測條件表示式的返回值,如果返回值還為true,則重複執行{}中的語句塊,直到返回值為false時,結束整個迴圈過程,接著執行while程式碼段後面的程式程式碼。 注:這個是對上面if語句題目的改進,請自己試一下改進後的好處

<script type="text/javascript"> 
var score=+prompt("輸入分數");
while(score<0 || score>100 || isNaN(score))
{
	alert("輸入分數不合法");
	var score=+prompt("輸入分數");
}
	if(score==100)
	  document.write("獎勵手機一部");
	else if(score>=80)
	   document.write("獎勵100元");
	else if(score>=60)
	    document.write("獎勵一本參考書");
	else
		  document.write("沒有獎勵");		 
</script>

5.for迴圈語句 for迴圈的結構

for(初始表示式;迴圈條件表示式;迴圈後的操作表示式)
{
	語句塊
}

for迴圈題目: 題目一:輸出99乘法表

<script type="text/javascript"> 
for(var i=1;i<=9;i++)
{
	for(j=1;j<=i;j++)
	{
	document.write(j+"*"+i+"="+j*i+"&nbsp; &nbsp; &nbsp;");
	}
	document.write("<br>");
}
</script>

效果圖 題目2:輸出1-100之間所有的質數

<script type="text/javascript"> 
for(var i=2;i<=100;i++)
{
	var flag=true;//旗幟的作用
	for(j=2;j<i;j++)
	{
		if(i%j==0)
		{
			flag=false;
			break;
		}
	}
	if(flag)
	document.write(i+"是質數"+"<br>");
}
</script>

效果圖 6.continue和break 跳轉語句 JavaScript支援的跳轉語句主要有continue語句和break語句。Contine的主要區別是: break 是徹底結束迴圈;而continue是結束本次迴圈。

break語句用於退出包含在最內層的迴圈或者退出一個switch 語句。for. while、“ do..while"或switch語句當中。break 語句的語法格式如下:
break;

具體例項:

<script type="text/javascript"> 
for(var i=1;i<=10;i++)
{
	if(i==5)
	{
		break;
	}
	document.write(i+"&nbsp; &nbsp; &nbsp;");
}
</script>
//輸出結果是1 2 3 4

continue語句

continue語句和break 語句類似,不同之處在於,continue 語句用於中止本次迴圈,並開始下一次迴圈,其語法格式如下:
continue ;
continue語句只能用在while、for. "do...while" 和switch 語句當中.

具體例項:

<script type="text/javascript"> 
for(var i=1;i<=10;i++)
{
	if(i==5)
	{
		continue;
	}
	document.write(i+"&nbsp; &nbsp; &nbsp;");
}
</script>
//輸出結果是1 2 3 4 6 7 8 9 10

請思考上面兩個例項輸出結果的不同