1.循環格式：
定義初始值 終止條件
// 1.將i的值寫在里面
for(var i=0;i<10;i ++){ console.log(i); }
// 2.也可以將i的值寫在外面，分號必須還在
var i=0;
for(;i<4;i ++){
console.log(i)
}
// 3. 將 i ++ 寫在console.log 后面，分號必須還在
var i=0;
for(;i<4;){
console.log(i);
i ++
}
終止循環和跳過循環
<script> for(var i=1;i<10;i ++){ // if(i==3) { // break; // 當i=3停止循環 // } if(i==3) { continue; // 當i=3，跳過本次循環 } console.log(i); } </script>
四個塊，點擊每個塊彈出他的序號
<style> * { margin: 0; padding: 0; } ul li{ list-style: none; width: 50px; height: 50px; background: red; border: 1px solid white; float: left; } </style> <body> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </body> </html>
1.普通寫法
點擊第一個 彈出 1
oLi[0].onclick=function () {
(alert(1));
};
...
2.循環來寫
// 循環來做到上面的效果 for(var i=0;i<4;i ++){ oLi[i].onclick=function () { alert(i) // 這里打印的i的值是循環結束時的i值 i=4 <時不滿足條件，循環結束 打印i值 4 } }
因為循環將i值一下子就循環完了，alert接受的值就是循環結束時的值。
處理方法：將i的值存到一個變量里面
<script> for(var i=0;i<4;i ++){ oLi[i].index=i; // index自定義變量(oLi的屬性)接受i的值 oLi[i].onclick=function () { alert(this.index +1) // i值是從0-3，所以+1 } } </script>
2.條件if
格式：
單個條件
--1.
if(判斷的條件){
true執行這兒
}else{
false執行這兒
}
--2. if(2<10)alert("true"); // 簡寫 只有條件為真執行alert，否者不執行
--3. 三目運算 單個·條件才能寫成三目運算
3>2?alert(1):alert(0);
// 三目運算
// 3>2?x=5:x=2; 不管真假都是給x賦值 可簡寫成如下 x=5
x=3>2?5:2; // x=5
多個條件
if(判斷的條件){
true執行這兒
}else if(判斷的條件){
滿足else if執行這兒
}else if ...
判斷符：< ,>, =, <= ,>=, !=, !==, ==, ===
- !== 不全等 ，值和類型有一個不同就是不全等
if(3!=="3"){
alert(1) // 值相等，類型不等。為不全等，true alert 1。
}else{
alert(0)
}
- == 判斷值是否一樣
- === 判斷值，和他的類型是否一樣
轉換為布爾值的時候為false的值：
- 0 number
- false boolean
- "" string
- null object/null
- undefined undefined
- NaN number
NaN not a number 屬於number類型 非法運算的時候出現 "11"%"1a" 非法
isNaN(參數) 它會把參數盡量轉換成數字
參數為數字返回 false -- 它討厭數字，所以否掉它
參數不為數字返回 true
alert(isNaN("5")); // 它把字符串"5"轉換成數字5，他是數字，條件為false
3. switch ：全等判斷
<script> // -- switch 全等判斷 break終止循環 ，沒有break 他會把條件滿足后的所有alert都執行 switch("tj"){ case "tj": alert("z") // 滿足條件 彈出z ,如果不寫break，還會彈出z1 z2 break; case "tj1": alert("z1") break; case "tj2": alert("z2") break; } </script>
4.while
// -- while 類似for 的第三種寫法
var i=0;
while(i<5){
console.log(i);
i ++
}
--do while
<script> var i =5; do{ console.log(i); // 先執行一次，不管條件 i -- }while(i>2) // 再判斷條件，條件滿足再 i -- </script>
打印結果為 5，4，3