ES6(數(shù)組擴展)

//將數(shù)組變量轉(zhuǎn)換成數(shù)組類型
{
    let arr = Array.of(3, 4, 7, 9, 11);
    console.log('arr=', arr);//[3, 4, 7, 9, 11]

    let empty = Array.of();
    console.log('empty=', empty);//[]
}


//將集合傳換成數(shù)組
{
    let p = document.querySelectorAll('p');
    let pArr = Array.from(p);
    pArr.forEach(item => {
        console.log(item.textContent);
    });

    console.log(Array.from([1, 3, 5], item => {
        return item * 2
    }));//[2,6,10]
}

//填充數(shù)組
{
    console.log('fill-7', [1, 'a', undefined].fill(7));//[7,7,7]

    //第一個參數(shù):要填充的值;第二個參數(shù):開始填充的下標;第三個參數(shù):截止位置(從第二個參數(shù)對應的下標往后數(shù),不包含第三個參數(shù)的下標)
    console.log('fill-7', ['a', 'b', 'c'].fill(7, 1, 3));//["a", 7, 7]
    console.log('fill-7', ['a', 'b', 'c', 'd', 'e', 'f'].fill(7, 1, 3));//["a", 7, 7, "d", "e", "f"]
}

//遍歷
{
    for (let index of ['a', 'b', 'c', 'd', 'e', 'f'].keys()) {
        console.log('key=', index);
    }

    for (let index of ['a', 'b', 'c', 'd', 'e', 'f'].values()) {
        console.log('value=', index);
    }

    for (let [index, value] of ['a', 'b', 'c', 'd', 'e', 'f'].entries()) {
        console.log('index=', index, ' value=' + value);
    }
}

//當前數(shù)組中的某個位置被其他位置的值覆蓋
{
    /**
     * 第一個參數(shù):要替換的下標
     * 第二個參數(shù):替換的值的下標
     * 第三個參數(shù):截止位置(不包含)
     */
    console.log([1, 2, 3, 4, 5].copyWithin(0, 3, 4));//[4, 2, 3, 4, 5]
}

//查找find findIndex
{
    let arr = [1, 2, 3, 4, 5, 6];
    console.log(arr.find(item => {
        //返回第一個滿足條件的值(找到即停止,不會繼續(xù)向后找)
        return item > 3;
    }));//4

    console.log(arr.findIndex(item => {
        //返回第一個滿足條件的下標
        return item > 3;
    }));//3
}

//是否包含某個值 可以識別NaN
{
    console.log([1, 2, NaN].includes(1));//true
    console.log([1, 2, NaN].includes(NaN));//true
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

  • 1.Array.of() Array.of() 方法創(chuàng)建一個具有可變數(shù)量參數(shù)的新數(shù)組實例,而不考慮參數(shù)的數(shù)量或類型...
    bjhu電net閱讀 269評論 0 0
  • 擴展運算符 ... 1、是rest參數(shù)的逆運算,將數(shù)組轉(zhuǎn)為用逗號分隔的參數(shù)序列; 我們發(fā)現(xiàn)reset參...
    彬彬_不安分的人生閱讀 156評論 0 1
  • 數(shù)組新增特性 Array.from Array.of copyWithin find\findIndex fill...
    王童孟閱讀 574評論 0 0
  • ES6數(shù)組擴展 1.Array.from() 定義:Array.from()用于將兩類對象轉(zhuǎn)換成真正的數(shù)組:類數(shù)組...
    lijaha閱讀 467評論 0 0
  • [JavaScript數(shù)組]一篇中介紹了ES6之前的數(shù)組方法。本篇介紹一下ES6里新增的數(shù)組方法。 keys,va...
    sponing閱讀 342評論 0 0

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