ES6數(shù)組擴展

二、數(shù)組擴展

 //Array.of()
    //定義:用于將一組值,轉(zhuǎn)換為數(shù)組
    Array.of();    //[]
    Array.of(1);    //[1]
    Array.of(1,2,3);  //[1, 2, 3]
    Array.of(4,5).length;  //2
    
    // copyWithin()
    // 定義:將指定位置的成員復制到其他位置(會覆蓋原有成員),然后返回當前數(shù)組(會修改當前數(shù)組)
    // 接受三個參數(shù)copyWithin(target, start , end)
    // target(必需):從該位置開始替換數(shù)據(jù)。如果為負值,表示倒數(shù)。
    // start(可選):從該位置開始讀取數(shù)據(jù),默認為 0。如果為負值,表示從末尾開始計算。
    // end(可選):到該位置前停止讀取數(shù)據(jù),默認等于數(shù)組長度。如果為負值,表示從末尾開始計算。

    [1, 2, 3, 4, 5].copyWithin(0, 3) ;  //[4, 5, 3, 4, 5] 
    //將從3號位直到數(shù)組結(jié)束的成員(4和5),復制到從0號位開始的位置,結(jié)果覆蓋了原來的1和2。

    [1, 2, 3, 4, 5].copyWithin(0, 3, 4)  //[4, 2, 3, 4, 5]
    //將從3號位開始4號位結(jié)束的成員,復制到從0號位開始的位置,結(jié)果覆蓋了原來的1。

    [1, 2, 3, 4, 5, 6, 7].copyWithin(0, 3, 5)  //[4, 5, 3, 4, 5, 6, 7]
    //將從3號位開始5號位結(jié)束的成員(4和5),復制到從0號位開始的位置,結(jié)果覆蓋了原來的1和2。

    [1, 2, 3, 4, 5].copyWithin(0, -2, -1)  //[4, 2, 3, 4, 5]
    //-2相當于3號位,-1相當于4號位,代碼等同于[1, 2, 3, 4, 5].copyWithin(0, 3, 4)

    //find()
    // find()用于找出第一個符合條件的數(shù)組成員。它的參數(shù)是一個回調(diào)函數(shù),,所有數(shù)組成員依次執(zhí)行該回調(diào)函數(shù),直到找出第一個返回值為true的成員,然后返回該成員。如果沒有符合條件的成員,則返回undefined。
    // find方法的回調(diào)函數(shù)可以接受三個參數(shù),依次為當前的值、當前的位置和原數(shù)組
    var arr = [3,4,7,9];
    var a = arr.find(function(item,index,arr){ //用于找出第一個符合條件的數(shù)組成員
        return item >5
    });
    console.log(a); 
    
    //另一種寫法
    [1, 11, 12, 10].find(n => n > 5)  //11

    //findIndex()
    //findIndex方法的用法與find方法非常類似,返回第一個符合條件的數(shù)組成員的位置,如果所有成員都不符合條件,則返回-1
    var arr = [3,4,7,9];
    var a = arr.findIndex(function(item,index,arr){ //返回第一個符合條件的數(shù)組成員的位置
        return item >5
    });
    console.log(a);   //2

    //fill()
    //定義:用于將一個固定值替換數(shù)組的元素
    array.fill(value, start, end)
    // value(必需):填充的值。
    // start(可選):開始填充位置。
    // end(可選):停止填充位置 (默認為 *array*.length)。
    var arr = ["blue", "Orange", "red", "green"];
    arr.fill("abc", 2, 4);  //["blue", "Orange", "abc", "abc"]

    //includes()
    //定義:方法返回一個布爾值,表示某個數(shù)組是否包含給定的值,與字符串的`includes`方法類似
    [1, 2, 3].includes(2)     // true
    [1, 2, 3].includes(4)     // false
    var arr = ["blue", "Orange", "red", "green"];
    arr.includes('blue');  //true
    // 該方法的第二個參數(shù)表示搜索的起始位置,默認為0。如果第二個參數(shù)為負數(shù),則表示倒數(shù)的位置,
    // 如果這時它大于數(shù)組長度(比如第二個參數(shù)為-4,但數(shù)組長度為3),則會重置為從0開始。
    [1, 2, 3].includes(3, 3);  // false
    [1, 2, 3].includes(3, -1); // true

    //flat()
    //定義:用于將嵌套的數(shù)組“拉平”,變成一維的數(shù)組。
    [1, 2, [3, 4, 6],[7, 8]].flat(); //[1, 2, 3, 4, 6, 7, 8]
    //該方法返回一個新數(shù)組,對原數(shù)據(jù)沒有影響。
    var arr = [1, 2, [3, 4, 6],[7, 8]];
    var a = arr.flat();
    console.log(arr); //[1, 2, [3, 4, 6],[7, 8]];
    console.log(a); // [1, 2, 3, 4, 6, 7, 8]

    //默認只會“拉平”一層,如果想要“拉平”多層的嵌套數(shù)組,可以將flat()方法的參數(shù)寫成一個整數(shù),表示想要拉平的層數(shù),默認為1。
    //flat()的參數(shù)為2,表示要“拉平”兩層的嵌套數(shù)組
    [1, 2, [3, [4, 6]],[7, 8]].flat(2);//[1, 2, 3, 4, 6, 7, 8]
    [1, 2, [3, [4, [6]]],[7, 8]].flat(2); //[1, 2, 3, 4, [6], 7, 8]

    //如果不管有多少層嵌套,都要轉(zhuǎn)成一維數(shù)組,可以用Infinity關(guān)鍵字作為參數(shù)。
    [1,2,[3,4,[5,[6,[7,[8]]]]]].flat(Infinity); //[1, 2, 3, 4, 5, 6, 7, 8]
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

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