首頁 >web前端 >js教程 >javascript條件控制語句有哪些

javascript條件控制語句有哪些

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-06-10 10:37:404310瀏覽

js條件控制語句有:1、if語句;2、「if … else if …else…」語句;3、switch語句;4、while語句;5、「do…while」語句;6 、for語句;7、「for…in」語句;8、with語句。

javascript條件控制語句有哪些

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

if語句:

var box=50;
if (box == 50){
	alert("True');
}

if … else if … else…

var box = 50;
if (box > 0 && box <60){
	alert("不及格");
}else if (box >=60 && box < 80){
	alert("及格");
}else if (box >= 80 && box <= 100){
	alert("good");
}else{
	alert("数值错误");
}

switch 語句是多重條件判斷,用於多個值相等的比較。

var box = 4;
switch (box){
     case 1:
         alert("one");
         break;
     case 2:
         alert("two");
         break;
     case 3:
         alert("three");
         break;
     default:
         alert("默认值");
         break;
 }						// 由于case没有可以匹配到4的项,所以使用default中的内容

while 語句是先判斷後迴圈的語句,必選先滿足條件,才會執行迴圈體內

var box = 5;
while(box > 0){
	alert(box);
	box--;
};

do…while 語句是先執行後判斷的迴圈語句,也就是說,不管條件是否滿足,都至少執行一次循環體內

var box = 1;
do{
	alert(box);
	box++;
}while (box < 5);

for 語句也是一種先判斷,後循環的語句,但他可以在循環之前初始變數

for (var box=1; box<=5; box++){			//第一步,声明变量 var box = 1;
	alert(box);				// 第二步,判断box <=5;	
	};					// 第三步,执行循环体内alert(box);
						// 第四步,box++
						// 第五步,从第二步开始再次判断执行,直到判断为false停止循环。

for…in 語句是一種精準的迭代語句,可以用來列舉物件的屬性。

var list = [1, 2, 3, 4, 5];
for (var i in list){
	document.write(i);	//迭代的是数组的下标
};				
var p = {name: "张三", age:18, sex: "男"}; // 创建一个对象,键值对,冒号左边是属性名,右边是值
for (var i in p){
	console.log(i, p[i]);	// 列举出所有的属性和值,循环列举出p,每个i就是p的每个属性名,p[i]就是p[属性名],比如p[name]可以显示出属性为name的那个值。
};

with 語句的作用是將程式碼的作用域設定到特定的物件中。

var box = {
	name: "张三",
	age: 18,
	sex: ”男",
};
/*从对象里取值赋给变量*/
var a = box.name;
var b = box.age;
var c = box.sex;

/*可以将上面三段的赋值操作改为:*/
with (box){
	var a = name;
	var b = age;
	var c = sex;
}					// 省略了box的对象名

DOM(Document Object Model)文件物件模型

Node(節點)

載入HTML 頁面時,Web 瀏覽器產生一個樹形結構,用來表示頁面內部結構。 DOM 將這種樹型結構理解為由節點組成

javascript條件控制語句有哪些

節點種類:元素節點,文字節點,屬性節點。

<div title="属性节点">测试 Div</div>

javascript條件控制語句有哪些

【推薦學習:javascript進階教學

以上是javascript條件控制語句有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn