知识点预览1.数组定义及常用操作方法2.js循环语句3.数组去重4.数组数据放入接口5.字符串常用方法6.js调试器方法7.全局变量和局部变量8.定时器中js与实现动画01-数组定义[AppleScript]纯文本查看__复制代码?123456/`/1.`实例化对象varaOneArray=newArray`(1,2,3,"a","b")`;/`/2.快捷方式创建`varaTwoArray=[`1,2,3,"d","f"`];/`/3.多维数组`varaThreeArray=[[`1,2,3],["a","b","c"`]];数组操作push()在数组后面添加单个或多个元素pop()删除数组最后一个元素aOneArray[4]="ggg";修改数组中下标为4的元素varsStr=aOneArray[4];获取数组中下标为4的元素splice()删除或添加[AppleScript]纯文本view__copycode?1234/`/前4表示起始下标包含42`表示删除个数aOneArray.splice`(4,2)`;/`/1为起始下标``2为删除个数其余为新元素`aOneArray.splice`(1,2,"g","h",“我”)`;reverse()反转数组中的元素join()将数组中的元素合并为字符串[AppleScript]纯文本view__复制代码?123aOneArray.join`(`)带逗号连接aOneArray.join`('')不带逗号连接`aOneArray.join`('_')下划线连接`length获取数组元素个数indexOf()第一次一个元素出现在数组中,下标-1表示该元素不存在**03-循环语句***\[AppleScript\]_纯文本查看__复制代码_[?](http://bbs.itheima.com/#)010203040506070809101112`variNum``=``0``;``/``/``当条件为真时继续循环``while``(``iNum``<``5``)``{``iNum``+``+``;``console.``log``(``iNum``)``;``}``varoList``=``[``1``,``2``、``3``、``4``、``5``];```/``/``for``loop``for``(``vari``=``0``;i``<``5``;i``+``+``)``{``console.``log``(``oList[i]``)``;``}`*_**4-数组去重***遍历数组取出每一个元素有序,然后取出数组中第一个出现的元素。下标第一次出现是否相同,相同就是第一次出现,然后加入到一个新的数组中*如果不相同,则不加入,说明是重复的**05-Listload数组数据***遍历数组取出数组中的每一个元素,将内容拼接到li标签中,*将所有li标签包在ul标签中**06-类型转换***将parseInt转为整型*parseFloat浮点类型***/==隐式转换系统自动判断并转换类型**07-字符串操作***字符串拼接+*类型转换*parseInt将string转换为整数类型*parseFloat转换为float浮点数类型substring();拦截字符串*\[AppleScript\]_plaintextview__copycode_[?](http://bbs.itheima.com/#)1234`/``/``Substringstartpositionendposition``(``does不包括``)``varsTwoNew``=``sTwo.substring``(``1``,``4``)``;``/``/``从``1``截取到最后```sTwoNew``=``sTwo.substring``(``1``)``;`*split("")字符串拆分成数组*\[AppleScript\]_纯文本视图__复制代码_[?](http://bbs.itheima.com/#)123`sTwoNew.split``(``)``整个字符串拆分成数组的一个元素``sTwoNew.split``(``''``)``将字符串中的每个字符拆分为一个元素``sTwoNew.split``(``'_'``)``用'_'字符分割字符串`**indexOf()查找字符串中字符的下标*如果要查找的字符在字符串中不存在,则返回-1**08-Invertstring***split("")字符串拆分成数组reverse()数组中的元素反转/反转*join("")数组转换成字符串/数组中的元素连接成astring**09-DebugMethod***alert可以阻止程序运行*console.log控制器输出*document.title=改变网页窗口的标题*document.write("AAAAA");直接在body里面写内容**10-全局变量和局部变量***通常情况下,局部变量的优先级高于全局变量*但是在js中,如果全局变量和局部变量同名,则全局variable会直接阻塞在局部变量定义的big{}中,所以在定义局部变量的时候之前使用的时候会出现undefined;*尽量避免全局变量和局部变量同名**11-Timer***只执行一次的定时器*setTimeout(function,time(milliseconds));*清除超时(计时器);Destroytimerclear*定时重复执行Device*setInterval(function,time(milliseconds));*clearInterval(repeatTimer);销毁重复执行定时器**12-js实现左右移动无限动画***注意赋值时单位不能遗漏**13-SeamlessScroll***onmouseovermousestayon*onmouseoutmouse树叶_
