[toc] ### 1. switch case ``` var a = 1; switch(a) { //控制選擇器 case 1: alert("1"); break; //跳出循環 case 2: alert("2"); break; default: //默認行為 alert("3"); } ``` ### 2. while while()只要小括號里的條件為真，就會一直輸出 ``` var a = 0; while(a<=10){ //無限執行 alert(a); } ``` ### 3. for循環 ``` for(var i=0;i<=2;i++){ console.log(i); } console.log(i); //輸出結果：0, 1, 2 3 ``` 獲取1-10的和 ``` var sum = 0; for(var i=1; i<=10; i++){ // sum = sum + i sum += i; } alert(sum); ``` 獲取1-10的積 ``` var sum = 1; for (var i = 1; i <= 10; i++) { sum = sum * i; } alert(sum); ``` 獲得數組中的最大值 ``` var arr = [22, 12, 11, 14, 33]; var max = arr[0]; for(var i=1; i<arr.length; i++){ if(max < arr[i]){ max = arr[i]; } } alert(max); ``` es6之前js沒有塊級作用域 ``` for(var i=0; i<3; i++){ console.log(i); } console.log(i); //3 ``` 解決辦法： 1. 將var改成let 2. 把i改成其他變量 3. 將該段代碼放在函數內,改變作用域范圍 ### 4. javaScript實現導航點擊變色 ``` window.onload = function(){ var lis = document.getElementByIdTagName("li"); for(let i=0; i<lis.length; i++){ //遍歷所有li標簽 lis[i].onclick = function(){ //給所有li標簽加點擊事件 for(let i=0; i<lis.length; i++){ lis[i].style.backgroundColor = "#5f5f5f"; //再次遍歷所有li標簽, 點擊時讓所有li標簽變灰色 } this.style.backgroundColor = "#4caf50"; //被點擊的this li標簽單獨變色 } } } ``` ### 5. for in 遍歷下標 ``` var obj = { name: "xu", age: 18, sex: "male" } var arr = [1, 2, 34, 5]; //如果對象的屬性值是變量，只能用[]的方式讀取屬性值 for(let key in obj){ console.log(obj[key]); } for(let i in arr){ console.log(arr[i]); } ``` ### 6. for of 遍歷值 ``` for(let value of arr){ console.log(value); //1, 2, 34, 5 } ``` ### 7. continue 跳過當前條件的循環，繼續下一項 ``` var arr = [1, 2, 34, 5]; for(let i=0; i<arr.length; i++){ if(i==2){continue}; console.log(arr[i]); //1, 2, 5 } ```