2018/2/3 switch,下拉選單事件onchange,陣列常用方法
阿新 • • 發佈:2019-02-18
1. 兩個小迴圈 迴圈 for(初始化; 條件; 增量){} while() 當 do {} while() while(條件) { 語句 } var j = 1; while(j<=100) { sum1+=j; j++; } console.log(sum1); do while 至少執行一次 while 不一定 2.多分支語句 switch switch 跟 if else if else if else 幾乎一樣的 但是switch效率更好。 作用其實就是 : 多選1 從多個裡面選1個 。 語法格式: switch(引數) { case 引數1: 語句; break; 退出的意思 case 引數2: 語句; break; 退出的意思 ........ default: 預設的 語句; } <script>window.onload = function(){ //獲取元素 var txt = document.getElementById("txt"); var btn = document.getElementById("btn"); btn.onclick = function(){ var val = txt.value; switch(val) { case "蘋果": alert("蘋果的價格是: 5元"); break; case "香蕉": alert("香蕉的價格是: 2元"); break; case "梨": alert("梨的價格是: 1.5元"); break; case "大白菜": alert("大白菜的價格是: 9毛"); break; default: alert("今天沒進貨"); } } } </script> 3.下拉選單的事件 onchange sele.onchange = function(){} 當改變的時候 事件 <script>window.onload = function(){ var sele = document.getElementById("sele"); sele.onchange = function(){ // alert(this.value); switch(this.value) { case "1": document.body.style.backgroundImage = "url(images/chun1.jpg)"; break; case "2": document.body.style.backgroundImage = "url(images/xia1.jpg)"; break; case "3": document.body.style.backgroundImage = "url(images/qiu1.jpg)"; break; case "4": document.body.style.backgroundImage = "url(images/dong1.jpg)"; break; } } } </script> 4.陣列常用方法 我們經常要對陣列進行操作,可能追加,也可能刪除 等等,何如? 1)新增 陣列 var arr = [1,3,5]; 我們想要 吧 7 這個數字 放到 這個陣列的後面 我想要 [1,3,5,7]; 1. push() ★★★★★ 後面推進去 push() 方法可向陣列的末尾新增一個或多個元素,並返回新的長度。 push 推進去 放 var arr =[1,3,5] → arr.push(7) → 結果變成 : [1,3,5,7]; 2. unshift() 從陣列的前面放入 unshift() 方法可向陣列的開頭新增一個或更多元素,並返回新的長度 var arr = [1,3,5] → arr.unshift(0) → 結果變成 [0,1,3,5] 注意: var dom = [1,3,5]; console.log(dom.push(7)); // 返回的是 陣列的長度 4 2)刪除陣列內容 1. pop() 刪除最後一個元素 pop() 移除最後一個元素 返回值 是 返回最後一個值 var arr = [1,3,5] → arr.pop() → 結果 [1,3] 2. shift() 刪除第一個元素 shift() 方法用於把陣列的第一個元素從其中刪除,並返回第一個元素的值 var arr = [1,3,5] → arr.shift() → 結果 [3,5] 3)連線兩個陣列 concat() 該方法用於連線兩個或多個數組。它不會改變現有的陣列,而僅僅會返回被連線陣列的一個副本 var aa = [1,3,5]; var bb = [“a”,”b”,”c”]; aa.concat(bb); 結果: [1,3,5,“a”,”b”,”c”]; 4)join() 把陣列轉換為字串 join() 作用是將陣列各個元素是通過指定的分隔符進行連線成為一個字串。 語法 arrayObject.join(separator) 陣列名.join(符號) 陣列轉換為字串 引數 separator 可選。指定要使用的分隔符。如果省略該引數,則使用逗號作為分隔符。 var arr = [1,2,3]; console.log(arr.join(“-”)) 結果就是: 1-2-3 字串 5)把字串轉換為陣列 split() join <=> split split() 方法用於把一個字串分割成字串陣列 語法 stringObject.split(separator,howmany) 引數 separator 可選。指定要使用的分隔符。如果省略該引數,則使用逗號作為分隔符。 howmany 可選。該引數可指定返回的陣列的最大長度