1. 程式人生 > >python前端JavaScript高級

python前端JavaScript高級

列表 不存在 最後一個元素 join set 都是 for 單個 rip

知識點預習
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 鼠標離開

python前端JavaScript高級