知識點預習
1.陣列定義及常用操作方法
2.js迴圈語句
3.陣列去重
4.陣列資料放入到介面
5.字串常用方法
6.js除錯程式方法
7.全域性變數和區域性變數
8.js中的定時器及實現動畫

01-陣列的定義

// 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() 刪除或增加

//第一個4表示 開始的角標包含4   2表示 刪除的個數
aOneArray.splice(4,2);
// 1是開始角標  2是刪除個數 剩下的都是新增元素
aOneArray.splice(1,2,"g","h","i");
reverse() 反轉 顛倒陣列中的元素
join() 將陣列中元素 合併成字串

aOneArray.join()  有逗號連線
aOneArray.join('') 沒有逗號
aOneArray.join('_') 下劃線連線

length 獲取陣列的元素個數
indexOf() 元素在陣列中第一次出現的角標
-1表示元素不存在

03-迴圈語句

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(); 擷取字串

// 角標開始位置 結束位置(不包含)
var sTwoNew =  sTwo.substring(1,4); 
//從1開始擷取到最後
sTwoNew = sTwo.substring(1);
split("") 字串拆分成陣列

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 滑鼠離開