條件語句
通常在寫代碼時(shí)秘蛔,您總是需要為不同的決定來執(zhí)行不同的動(dòng)作。您可以在代碼中使用條件語句來完成該任務(wù)革骨。
在 JavaScript 中讥蔽,我們可使用以下條件語句:
if 語句 - 只有當(dāng)指定條件為 true 時(shí),使用該語句來執(zhí)行代碼
if...else 語句 - 當(dāng)條件為 true 時(shí)執(zhí)行代碼刷钢,當(dāng)條件為 false 時(shí)執(zhí)行其他代碼
if...else if....else 語句- 使用該語句來選擇多個(gè)代碼塊之一來執(zhí)行
switch 語句 - 使用該語句來選擇多個(gè)代碼塊之一來執(zhí)行
1.If 語句
只有當(dāng)指定條件為 true 時(shí)笋颤,該語句才會(huì)執(zhí)行代碼乳附。
語法
if (condition)
{
當(dāng)條件為 true 時(shí)執(zhí)行的代碼
}
請使用小寫的 if内地。使用大寫字母(IF)會(huì)生成 JavaScript 錯(cuò)誤!
If...else if...else 語句
使用 if....else if...else 語句來選擇多個(gè)代碼塊之一來執(zhí)行赋除。
語法
if (condition1)
{
當(dāng)條件 1 為 true 時(shí)執(zhí)行的代碼
}
else if (condition2)
{
當(dāng)條件 2 為 true 時(shí)執(zhí)行的代碼
}
else
{
當(dāng)條件 1 和 條件 2 都不為 true 時(shí)執(zhí)行的代碼
}
JavaScript switch 語句
1.使用 switch 語句來選擇要執(zhí)行的多個(gè)代碼塊之一阱缓。
語法
switch(n)
{
case 1:
執(zhí)行代碼塊 1
break;
case 2:
執(zhí)行代碼塊 2
break;
default:
與 case 1 和 case 2 不同時(shí)執(zhí)行的代碼
}
工作原理:首先設(shè)置表達(dá)式 n(通常是一個(gè)變量)。隨后表達(dá)式的值會(huì)與結(jié)構(gòu)中的每個(gè) case 的值做比較举农。如果存在匹配荆针,則與該 case 關(guān)聯(lián)的代碼塊會(huì)被執(zhí)行。請使用 break 來阻止代碼自動(dòng)地向下一個(gè) case 運(yùn)行颁糟。
2.default 關(guān)鍵詞
請使用 default 關(guān)鍵詞來規(guī)定匹配不存在時(shí)做的事情:
實(shí)例
如果今天不是星期六或星期日航背,則會(huì)輸出默認(rèn)的消息:
var d=new Date().getDay();
switch (d)
{
case 6:x="今天是星期六";
break;
case 0:x="今天是星期日";
break;
default:
x="期待周末";
}
document.getElementById("demo").innerHTML=x;
主要是為了補(bǔ)充當(dāng)兩種情況相同時(shí),switch 語句的使用棱貌,當(dāng)兩種情況相同時(shí)玖媚,可以只在第二種情況中寫要執(zhí)行的代碼.
JavaScript for 循環(huán)
如果您希望一遍又一遍地運(yùn)行相同的代碼,并且每次的值都不同婚脱,那么使用循環(huán)是很方便的今魔。
使用for循環(huán)
for (var i=0;i<cars.length;i++) // i未定義所以要var
{
document.write(cars[i] + "<br>");
}
不同類型的循環(huán)
JavaScript 支持不同類型的循環(huán):
for - 循環(huán)代碼塊一定的次數(shù)
for/in - 循環(huán)遍歷對象的屬性
while - 當(dāng)指定的條件為 true 時(shí)循環(huán)指定的代碼塊
do/while - 同樣當(dāng)指定的條件為 true 時(shí)循環(huán)指定的代碼塊
For 循環(huán)
for 循環(huán)是您在希望創(chuàng)建循環(huán)時(shí)常會(huì)用到的工具勺像。
下面是 for 循環(huán)的語法:
for (語句 1; 語句 2; 語句 3)
{
被執(zhí)行的代碼塊
}
語句 1 (代碼塊)開始前執(zhí)行
語句 2 定義運(yùn)行循環(huán)(代碼塊)的條件
語句 3 在循環(huán)(代碼塊)已被執(zhí)行之后執(zhí)行
For/In 循環(huán)
JavaScript for/in 語句循環(huán)遍歷對象的屬性:
var person={fname:"John",lname:"Doe",age:25};
for (x in person) // x 為屬性名
{
txt=txt + person[x];
}
var x
var nums = [1, 3, 5];
for (x in nums)
{
document.write(nums[x]+ "<br />"); // x 為數(shù)組索引
}
for in 循環(huán)不僅可以遍歷對象的屬性,還可以遍歷數(shù)組错森。
for 循環(huán)除了使用 in 方式來循環(huán)數(shù)組吟宦,還提供了一個(gè)方式: of , 遍歷數(shù)組時(shí)更加方便。
for-of的語法:
for (var value of myArray) {
console.log(value);
}
for-of 的語法看起來跟 for-in 很相似涩维,但它的功能卻豐富的多殃姓,它能循環(huán)很多東西。
for-of 循環(huán)使用例子:
循環(huán)一個(gè)數(shù)組(Array):
let iterable = [10, 20, 30];
for (let value of iterable) {
console.log(value);
}