1. 程式人生 > >2018/2/3 switch,下拉選單事件onchange,陣列常用方法

2018/2/3 switch,下拉選單事件onchange,陣列常用方法

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 可選。該引數可指定返回的陣列的最大長度