快捷導(dǎo)航

js 數(shù)組 fill() 填充方法

更新時(shí)間：2021年10月29日 09:44:32 投稿：hqx

這篇文章主要介紹了js 數(shù)組 fill() 的填充方法，初始化數(shù)組的方法，但是初始化數(shù)組之后，數(shù)組中的每一項(xiàng)元素默認(rèn)為 empty 空位占位，如何對(duì)數(shù)組這些空位添加默認(rèn)的元素，ES6提供了 fill() 方法實(shí)現(xiàn)這一操作。本文總結(jié)數(shù)組 fill() 方法的詳細(xì)使用,需要的朋友可以參考一下

　　我們知道了很多了初始化數(shù)組的方法，但是初始化數(shù)組之后，數(shù)組中的每一項(xiàng)元素默認(rèn)為 empty 空位占位，如何對(duì)數(shù)組這些空位添加默認(rèn)的元素，ES6提供了 fill() 方法實(shí)現(xiàn)這一操作。本文總結(jié)數(shù)組 fill() 方法的詳細(xì)使用。

1、fill() 語(yǔ)法

　　fill() 方法用一個(gè)固定值填充一個(gè)數(shù)組中從起始索引到終止索引內(nèi)的全部元素。不包括終止索引。返回修改后的原始數(shù)組，不創(chuàng)建新數(shù)組。

　　使用語(yǔ)法：array.fill( value [,start [,end]])，其中：

value 用來(lái)填充數(shù)組元素的值，必填。
start 可選起始索引，默認(rèn)值為0。
end 可選終止索引，默認(rèn)值為 this.length。

2、fill() 的使用

   // 當(dāng)傳入單個(gè)參數(shù)的時(shí)候，該方法會(huì)用該參數(shù)的值填充整個(gè)數(shù)組
    var arr1 = new Array(5)
    console.log(arr1.fill(1)); //[1,1,1,1,1]
    var arr2 = [1, 2, 3, 4]
    console.log(arr2.fill(0)); //[0,0,0,0]

    // 當(dāng)傳入兩個(gè)參數(shù)的時(shí)候，第一個(gè)參數(shù)為填充的元素，第二個(gè)為填充元素的起始位置
    var arr3 = [0, 1, 2, 3, 4, 5, 6]
    console.log(arr3.fill(1, 3)); //[0,1,2,1,1,1,1]

    // 當(dāng)傳入三個(gè)參數(shù)的時(shí)候，第一個(gè)參數(shù)為填充的元素，第二個(gè)參數(shù)和第三個(gè)參數(shù)分別指填充元素的起始和終止位置，不修改終止位置元素
    var arr4 = [0, 1, 2, 3, 4, 5]
    console.log(arr4.fill(1, 3, 5)); //[0,1,2,1,1,5]
    
    //如果提供的起始位置或結(jié)束位置為負(fù)數(shù)，則他們會(huì)被加上數(shù)組的長(zhǎng)度來(lái)算出最終的位置，例如 起始位置為-1 就相當(dāng)于array.length-1
    var arr5 = [0, 1, 2, 3, 4, 5]
    console.log(arr5.fill(1, -3));//[0,1,2,1,1,1]
    var arr6 = [0, 1, 2, 3, 4, 5]
    console.log(arr6.fill(1, 3, -2));//[0,1,2,1,4,5]