[TOC] ## 5.1 if ~~~ if語句中()的值,接收boolean類型,如果不是boolean,會強轉為boolean var age = 20; if(age){ // alert("能上網") } var test = document.getElementsByClassName("test")[0]; console.log(test); if(test){ test.style.color="red" }else{ console.log("test沒有被獲取") } ~~~ ## 5.2 if else ~~~ if(age>=22){ alert("可以結婚") }else{ alert("不行") } ~~~ ## 5.3 if else 多條件 ~~~ &&,||,! 結果返回boolean值 && 兩邊都為true,結果為true || 只要一遍為true,結果為true !-->取反 var a = 10; var b = 20; var c = 30; var d = 40; console.log(a<b && c>d); console.log(a<b && c<d); console.log(a<b || c>d); console.log(!(a>b)) ~~~ ## 5.4 while ~~~ while()只要小括號里的條件為真,就會一直輸出 /* 輸出0~3 */ var a =0; while(a<=3){ alert(a); a++; } ~~~ ## 5.5 for ~~~ for(stateOne;stateTwo;stateThree){ console } 第一次 stateOne-->stateTwo-->console 之后 stateThree-->stateTwo-->console // for(var i=0;i<=2;i++){ // console.log(i); // } // console.log(i); /* 0-10 */ /* 1-7 */ /* 0-10 之間的偶數 */ /* 0-10 之間的奇數 */ for(var i=0;i<=10;i++){ if(i%2==0){ console.log(i); } } for(var i=0;i<=10;i++){ if(i%2==1){ console.log(i); } } ~~~ ### 5.5.1 for求sum ~~~ /* 1-10的和 */ var sum = 0; for (let i = 1; i <= 10; i++) { sum += i; } // console.log(sum); //獲得數組中最大的值 ~~~ ### 5.5.2 for 數組輸出 ~~~ var arr = [22, 12, 11, 44, 66]; var max = arr[0]; for (let i = 1; i < arr.length; i++) { if (max < arr[i]) { max = arr[i]; } } // console.log(max); var arr_two = [22,33,1,44]; /* 對數組遍歷,每一項*2 */ for(let i=0;i<arr_two.length;i++ ){ console.log(arr_two[i]*2); } ~~~ ### 5.5.3 for in ~~~ var obj = { name:"cheng", age:18, sex:"male" } var arr = [1,2,34,5]; // 如果對象的屬性值是變量,只能用[]的方式讀取屬性值 for(let key in obj){ // console.log(obj[key]); } for(let key in arr){ // console.log(key); // console.log(arr[key]) } /* of */ for(let value of arr){ console.log(value); } ~~~ ## 5.6 break ~~~ // 滿足條件,跳出循環 for(var i=0;i<5;i++){ if(i==3){ break; } console.log(i); //0,1,2 } ~~~ ## 5.7 continue ~~~ /* continue結束本次循環,繼續開始下一次 */ for(let i=0;i<5;i++){ if(i==3){continue}; console.log(i); //0,1,2,4 } ~~~ ## 5.10 switch ~~~ var a=1; switch(a){ case 1: console.log("1"); break; case 2: console.log("2"); break; default: console.log("3"); } ~~~