js--數組的 fill() 填充方法詳解

前言

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

正文

　　1、fill()  語法

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

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

　　　　value 用來填充數組元素的值，必填。

　　　　start 可選起始索引，默認值為0。

　　　　end 可選終止索引，默認值為 this.length。


　　2、fill() 的使用

    // 當傳入單個參數的時候，該方法會用該參數的值填充整個數組
    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]

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

    // 當傳入三個參數的時候，第一個參數為填充的元素，第二個參數和第三個參數分別指填充元素的起始和終止位置，不修改終止位置元素
    var arr4 = [0, 1, 2, 3, 4, 5]
    console.log(arr4.fill(1, 3, 5)); //[0,1,2,1,1,5]
    
    //如果提供的起始位置或結束位置為負數，則他們會被加上數組的長度來算出最終的位置，例如 起始位置為-1 就相當於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]

寫在最后

　　以上就是本文的全部內容，希望給讀者帶來些許的幫助和進步，方便的話點個關注，小白的成長之路會持續更新一些工作中常見的問題和技術點。