2018-11-01數(shù)組,循環(huán),定時(shí)器

//面向?qū)ο蟮姆绞絼?chuàng)建
var aRr01 = new Array(1,2,3,'abc');
//直接創(chuàng)建
var aRr02 = [1,2,3,'def'];//推薦使用,性能更高

    //獲取數(shù)組的成員數(shù)量(長度)
    // alert(aRr02.length);//彈出4
    // alert(aRr02[3]);//彈出cdf

    var aRr03 = [[1,2,3],['a','b','c','d'],[true,false]];
    // alert(aRr03.length);//彈出3
    // alert(aRr03[1].length);//彈出3
    alert(aRr03[1][2]);//彈出c

var aRr = [1,2,3,4];
//用-連接數(shù)組元素并轉(zhuǎn)為字符串
//var sTr = aRr.join("-");//用-連接數(shù)組元素并轉(zhuǎn)為字符串,彈出1-2-3-4

    // var sTr = aRr.join('');//用空串連接
    // alert(sTr);//彈出1234

    //向數(shù)組最后追加元素
    // aRr.push(5);
    // alert(aRr);//1,2,3,4,5

    //刪除末尾元素
    // aRr.pop();
    // alert(aRr);//1,2,3

    //向最前面插入元素0
    // aRr.unshift(0);
    // alert(aRr);//0,1,2,3,4

    //刪除第一個(gè)(索引為0的)元素
    // aRr.shift();
    // alert(aRr);//2,3,4

    //反轉(zhuǎn)
    // aRr.reverse();
    // alert(aRr);//4,3,2,1

    //查找字母'b'第一次出現(xiàn)的索引
    var aRr2 = ['a','b','c','d','a','b','c','d'];
    var num = aRr2.indexOf('b');
    // alert(num);//1

    //從第2索引元素開始,刪除1個(gè)元素
    // aRr2.splice(2,1);//刪除c
    // alert(aRr2);//a,b,d,a,b,c,d

    //從第2索引元素開始,刪除1個(gè)元素,再插入e
    // aRr2.splice(2,1,'e');//把c替換成e
    // alert(aRr2);//a,b,e,d,a,b,c,d

    //刪除后面的abcd,改為fghi
    aRr2.splice(4,4,'f','g','h','i');
    alert(aRr2);//a,b,c,d,f,g,h,i

// //獲取頁面上所有的li
// var aLi = document.getElementsByTagName('li');

//獲取id為list01的ul
var oList = document.getElementById('list01');
//再獲取這個(gè)ul下的所有l(wèi)i
var aLi = oList.getElementsByTagName('li');
alert(aLi.length);//// aLi.pop();//錯(cuò)誤用法,aLi是一個(gè)類似數(shù)組的選擇集,沒有數(shù)組通用的一些方法
元素選擇器
作用:通過元素選擇器可以選擇頁面中的所有指定元素
語法:標(biāo)簽名{}
id選擇器
作用:通過元素的id屬性值選中唯一的一個(gè)元素
語法:#id屬性值{}
類選擇器
作用:通過元素的class屬性值選中一組元素
語法:.class屬性值{}
選擇器分組(并集選擇器)
作用:通過選擇器分組可以同時(shí)選中多個(gè)選擇器對應(yīng)的元素
通配選擇器
作用:可以用來選中頁面中的所有的元素
語法:*{}
復(fù)合選擇器(交集選擇器)
作用:可以選中同時(shí)滿足多個(gè)選擇器的元素
語法:選擇器1選擇器2選擇器N{}
對于id選擇器來說,不建議使用復(fù)合選擇器
p#p1{
background-color: red;
}

循環(huán)語句:
通過循環(huán)語句可以反復(fù)的執(zhí)行一段代碼多次

    while循環(huán)
        - 語法:
            while(條件表達(dá)式){
                語句...
            }
    
        - while語句在執(zhí)行時(shí),
            先對條件表達(dá)式進(jìn)行求值判斷,
                如果值為true,則執(zhí)行循環(huán)體,
                    循環(huán)體執(zhí)行完畢以后,繼續(xù)對表達(dá)式進(jìn)行判斷
                    如果為true,則繼續(xù)執(zhí)行循環(huán)體,以此類推
                如果值為false,則終止循環(huán)
    
    do...while循環(huán)
        - 語法:
            do{
                語句...
            }while(條件表達(dá)式)
    
        - 執(zhí)行流程:
            do...while語句在執(zhí)行時(shí),會先執(zhí)行循環(huán)體,
                循環(huán)體執(zhí)行完畢以后,在對while后的條件表達(dá)式進(jìn)行判斷,
                如果結(jié)果為true,則繼續(xù)執(zhí)行循環(huán)體,執(zhí)行完畢繼續(xù)判斷以此類推
                如果結(jié)果為false,則終止循環(huán)
    
            實(shí)際上這兩個(gè)語句功能類似,不同的是while是先判斷后執(zhí)行,
                而do...while會先執(zhí)行后判斷,
            do...while可以保證循環(huán)體至少執(zhí)行一次,
                而while不能

    for語句,也是一個(gè)循環(huán)語句,也稱為for循環(huán)
        在for循環(huán)中,為我們提供了專門的位置用來放三個(gè)表達(dá)式:
            1.初始化表達(dá)式
            2.條件表達(dá)式
            3.更新表達(dá)式
    
    for循環(huán)的語法:
            for(①初始化表達(dá)式;②條件表達(dá)式;④更新表達(dá)式){
                ③語句...
            }
    
            for循環(huán)的執(zhí)行流程:
                ①執(zhí)行初始化表達(dá)式,初始化變量(初始化表達(dá)式只會執(zhí)行一次)
                ②執(zhí)行條件表達(dá)式,判斷是否執(zhí)行循環(huán)。
                    如果為true,則執(zhí)行循環(huán)③
                    如果為false,終止循環(huán)
                ④執(zhí)行更新表達(dá)式,更新表達(dá)式執(zhí)行完畢繼續(xù)重復(fù)②

任意一種循環(huán)都可以互相嵌套

定時(shí)器

setTimeout 只執(zhí)行一次的定時(shí)器
clearTimeout 關(guān)閉只執(zhí)行一次的定時(shí)器
setInterval 反復(fù)執(zhí)行的定時(shí)器
clearInterval 關(guān)閉反復(fù)執(zhí)行的定時(shí)器

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容