python前端JavaScript高級

知識點預習

• 1.數組定義及經常使用操做方法
• 2.js循環語句
• 3.數組去重
• 4.數組數據放入到界面
• 5.字符串經常使用方法
• 6.js調試程序方法
• 7.全局變量和局部變量
• 8.js中的定時器及實現動畫

01-數組的定義

[AppleScript]純文本查看__複製代碼

?

1

2

3

4

5

6

/`/ 1.`實例化對象

var aOneArray = new Array`(1,2,3,"a","b")`;

/`/2.快捷建立`

var aTwoArray = [`1,2,3,"d","f"`];

/`/3.多維數組`

var aThreeArray = [[`1,2,3],["a","b","c"`]];

數組的操做

• push() 在數組後面增長單個或多個元素
• pop()刪除數組中最後一個元素
• aOneArray[4] = "ggg"; 修改數組下標爲4的元素
• var sStr = aOneArray[4]; 獲取數組中角標爲4的元素
• splice() 刪除或增長
• [AppleScript]純文本查看__複製代碼

  ?

  1

  2

  3

  4

  /`/第一個4表示 開始的角標包含4   2`表示 刪除的個數

  aOneArray.splice`(4,2)`;

  /`/ 1是開始角標` `2是刪除個數 剩下的都是新增元素`

  aOneArray.splice`(1,2,"g","h","i")`;

• • reverse() 反轉 顛倒數組中的元素
  • join() 將數組中元素 合併成字符串
  • [AppleScript]純文本查看__複製代碼

    ?

    1

    2

    3

    aOneArray.join`(`)  有逗號鏈接

    aOneArray.join`('') 沒有逗號`

    aOneArray.join`('_') 下劃線鏈接`

  • • length 獲取數組的元素個數

    • indexOf()  元素在數組中第一次出現的角標

      • -1表示元素不存在

**03-循環語句**
*   \[AppleScript\]_純文本查看__複製代碼_
    
    [?](http://bbs.itheima.com/#)
    
    01
    
    02
    
    03
    
    04
    
    05
    
    06
    
    07
    
    08
    
    09
    
    10
    
    11
    
    12
    
    `var iNum` `=` `0``;`
    
    `/``/` `條件成立就一直循環`
    
    `while` `(``iNum` `<` `5``)` `{`
    
    `iNum``+``+``;`
    
    `console.``log``(``iNum``)``;`
    
    `}`
    
    `var oList` `=` `[``1``,``2``,``3``,``4``,``5``];    `
    
    `/``/` `for``循環`
    
    `for` `(``var i` `=` `0``; i` `<` `5``; i``+``+``)` `{`
    
    `console.``log``(``oList[i]``)``;`
    
    `}`
    
*   _**4-數組去重**  
    
    *   遍歷數組有序的取出每個元素，而後再取出元素在數組中第一次出現的角標，
        
    *   判斷當前遍歷的個數索引和元素在數組中的第一次出現的角標是否同樣，相同就是第一次出現，而後添加到新的數組
        
    *   不相同就不添加說明是重複的
        
          
        
    
    **05-列表加載數組數據**
    
    *   遍歷數組取出數組中的每個元素，把內容拼接到li標籤中，
        
    *   再把全部的li標籤包裹在ul標籤中
        
          
        
    
    **06-類型轉換**
    
    *   parseInt轉換爲整形
        
    *   parseFloat浮點型
        
    *     
        *     
            *   /  == 隱式轉換  系統自動判斷 並轉換類型
                
                  
                
    
    **07-字符串操做**
    
    *   字符串拼接 +
        
    *   類型轉換
        
          
        *   parseInt 將字符串轉換成整數 number類型
            
        *   parseFloat 轉換爲float 浮點型
            
            substring(); 截取字符串
            
        *   \[AppleScript\]_純文本查看__複製代碼_
            
            [?](http://bbs.itheima.com/#)
            
            1
            
            2
            
            3
            
            4
            
            `/``/` `角標開始位置 結束位置``(``不包含``)`
            
            `var sTwoNew` `=`  `sTwo.substring``(``1``,``4``)``;`
            
            `/``/``從``1``開始截取到最後`
            
            `sTwoNew` `=` `sTwo.substring``(``1``)``;`
            
        *   split("") 字符串拆分紅數組
        *   \[AppleScript\]_純文本查看__複製代碼_
            
            [?](http://bbs.itheima.com/#)
            
            1
            
            2
            
            3
            
            `sTwoNew.split``(``)`  `整個字符串拆分紅數組的一個元素`
            
            `sTwoNew.split``(``''``)` `把字符串中的每一個字符拆分紅一個元素`
            
            `sTwoNew.split``(``'_'``)` `以'_'字符來拆分字符串`
            
        *     
            
            *   indexOf() 查找字符在字符串中的角標
                
                  
                *   若是查找的字符在字符串中不存在 返回 -1
                    
                      
                    
            
            **08-倒置字符串**
            
            *   split("") 字符串拆分紅數組reverse() 數組中的元素倒置/顛倒
                
            *   join("") 數組轉換成字符串/把數組中的元素鏈接成字符串
                
                  
                
            
            **09-調試方法**
            
            *   alert 能夠阻止程序的運行
                
            *   console.log 控制器輸出
                
            *   document.title = 更改網頁窗口上的標題
                
            *   document.write("AAAAA"); body中直接寫入內容
                
                  
                
            
            **10- 全局變量和局部變量**
            
            *   正常狀況局部變量的優先級比全局的高
                
            *   但在js中若是全局和局部變量重名時，局部變量定義的 大{}中 會直接屏蔽全局變量，因此在定義局部變量以前使用會出現undefined;
                
            *   儘可能避免全局變量和局部變量同名
                
                  
                
            
            **11-定時器**
            
            *   只執行一次的定時器
                
                  
                *   setTimeout(功能,時間(毫秒));
                    
                *   clearTimeout(timer); 銷燬定時器 清除
                    
                      
                    
            *   重複執行的定時器
                
                  
                *   setInterval(功能,時間(毫秒));
                    
                *   clearInterval(repeatTimer); 銷燬重複執行的定時器
                    
                      
                    
            
            **12-js實現左右移動無限動畫**
            
            *   注意賦值時不要少了單位
                
                  
                
            
            **13-無縫滾動**
            *   onmouseover 鼠標停留
                
            *   onmouseout 鼠標離開
                
    
    _