邏輯控制-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>