1. 程式人生 > 其它 >邏輯控制-JavaScript入門基礎(015)

邏輯控制-JavaScript入門基礎(015)

技術標籤:JavaScriptjavascriptjquery

條件語句:

if語句,它可以根據布林型變數的值,走不同的分支條件。

varmessage="";var bool = true;if(bool) {message="條件為真,執行這裡"}else{  message = "條件為假,執行這裡";}

比較操作符:

操作符說明
==等於
===完全等於
!=不等於
>大於
<小於
>=大於等於
<=小於等於

var x = 22;if(x=="22")// 條件成立,為true,因為字串22,可以自動轉換為數值型22
if( x === "22") //條件不成立,為false,因為字串和數值型不同

varscore = 69;if(score>=80){  //良好}else if(score >= 60){//及格}else{    //不及格}

if語句可以巢狀使用,也可以多分支執行,分支條件依次判斷,先滿足if部分,其次是else if部分,最後時else部分。

switch語句:

當判斷分支條件較多時,我們可以使用switch語句,簡化語法。

switch(color){    case "red":      message ="停止";
break;case "yellow":message = "等待通行";break;case "green": message = "通行"; break;defalut: message = "預設訊息"; break;}

當color變數賦值後,判斷與哪個分支相等,執行其內部程式碼,每個case後必須寫break,否則程式碼執行後不停止,會貫穿至下一個case繼續執行。default是沒有相等條件時的預設操作。

邏輯操作符:

一般我們進行邏輯判斷時,需要用到&&與操作,||或操作。與操作&&,表示當兩者條件均成立時,才會執行分支條件;當或操作||時,只要一方條件成立,就會執行條件。

if(ticket>0&&idCard == true ){//可以上車}

以上邏輯判斷就是說,條件1車票有,條件2身份證有,兩者均滿足時,可以上車。

if(paper_ticket==true||virtual_ticket==true){    //可以上車}

以上邏輯判斷就是說,條件1有紙質車票,條件2有電子車票,二者有其一,就可以上車了。

迴圈:

while迴圈,

while(條件成立){    //執行程式碼}

比如:

var count = 10;var sum = 0;while(count > 0){    sum += count;    count--;}

以上程式碼含義是,當count大於零時反覆執行,累加,然後count減少一次。每次執行時,都是先判斷條件成立與否,才執行程式碼。

do...while迴圈,

do {  //執行程式碼}while(條件成立)

比如:

var count = 30;var money = 0;do {money+=100;count--;}while(count< 0);

以上程式碼含義是,一個月有30天,工作一天,增加金錢100元,天數減少一天。每次都是先執行程式碼,再判斷條件是否成立,所以一般會多執行一次。

for迴圈:

有些時候,我們明確知道執行的次數時,可以使用for迴圈。

for(初始值;條件判斷;值變化){//執行程式碼}

比如:

var sum = 0;for(vari=0;i<100;i++){sum+= i;}

累加計算100以內的和是多少。

用break跳出迴圈:

當我們在迴圈時,明確找到了需要的值,想結束迴圈時,可以使用它。

varpeople = 100;var name = '張三';for(vari=0;i<people;i++){if(array[i].name== name){break;}}

以上程式碼含義是,現在我們需要從100個裡面找到第一個叫張三的,然後就停止找人的動作,每迴圈一次,就判斷陣列中的人名與name相同,如果相同就中斷迴圈。

使用break是為了減少迴圈到底,造成的浪費。

for...in迴圈:

它是一種特殊的迴圈,用於在物件屬性裡進行迴圈。

<html><head>  <title>迴圈</title></head><body><script>vardays=['週日','週一','週二','週三','週四','週五','週六'];varmessage = "";for(iindays){message+=days[i]+"是這周的第"+(parseInt(i)+1)+"天\n";}alert(message);</script></body></html>

以上程式碼的方式有些類似foreach。

設定和使用定時器:

JavaScript提供了兩個方法,分別是setTimeout和setInterval。

setTimeout方法有兩個引數,引數1是動作,引數2是延時時間。

比如我們需要在網頁中3秒後,讓一個元素隱藏消失,可以這麼做

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script>        window.onload = function () {            setTimeout("hide('div1')",3000);        }
        function hide(element) {            document.getElementById(element).style.display = "none";        }</script></head><body>    <div id="div1">我會隱藏</div></body></html>

selInterval()方法:

與setTimeout類似,在一定的事件內,重複執行。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script>        window.onload = function () {            setInterval("f1()",1000);        }
        function f1() {            document.write("火星一號" + "<br>");        }</script></head><body>
</body></html>


圖片