python前端JavaScript高级

知识点预习数组

  • 1.数组定义及经常使用操做方法
  • 2.js循环语句
  • 3.数组去重
  • 4.数组数据放入到界面
  • 5.字符串经常使用方法
  • 6.js调试程序方法
  • 7.全局变量和局部变量
  • 8.js中的定时器及实现动画

01-数组的定义动画

[AppleScript]纯文本查看__复制代码调试

?code

1对象

2索引

3seo

4ip

5字符串

6get

/`/ 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 鼠标离开
                
    
    _
相关文章
相关标签/搜索