全面了解array.fill

一、array.fill 引用

array.fill 是Javascript數組對象自帶的方法，用於將數組中的所有元素替換為一個靜態值，並返回修改後的數組。

二、array.fill(null)

array.fill(null)表示將數組中的所有項替換為null。

    const arr = [1, 2, 3, 4, 5];
    console.log(arr.fill(null)); // [null, null, null, null, null]

當然，你也可以替換為其它的值：

    console.log(arr.fill('a')); // ['a', 'a', 'a', 'a', 'a']
    console.log(arr.fill(0));   // [0, 0, 0, 0, 0]
    console.log(arr.fill(false));// [false, false, false, false, false]

三、Array.fill()

Array.fill()是Array實例的靜態方法，用於將一個給定值分配給一個包含指定範圍的全部或部分數組元素，預設範圍是整個數組。

    console.log(Array(5).fill('a')); // ['a', 'a', 'a', 'a', 'a']
    console.log(new Array(5).fill('a')); // ['a', 'a', 'a', 'a', 'a']
    console.log(Array.prototype.fill.call({'length': 5}, 'a')); // => {'0': 'a',  '1': 'a', '2': 'a', '3': 'a', '4': 'a', length: 5}

四、array.fill mdn

在mdn上對array.fill的解釋:

• array.fill(value, start, end)
• value: 替換的值
• start: 開始替換的位置，如果是負數，那麼從末尾算起
• end: 替換結束的位置，如果是負數，那麼從末尾算起。注意end並不包含在替換內

如果start和end沒有指定，全部替換

五、array.fill的方法

在使用array.fill的時候，可以傳入三個參數: value, start, end。

用法示例：

    const arr = [1, 2, 3, 4, 5];
    console.log(arr.fill(0, 2)); // [1, 2, 0, 0, 0]
    console.log(arr.fill(0, 1, 4)); // [1, 0, 0, 0, 5]
    console.log(arr.fill(0, -3, -1)); // [1, 0, 0, 4, 5]

上面的代碼中，第一個參數是替換的值，第二個參數是需要開始替換的位置，第三個參數是替換結束的位置。

六、array.fill的用法

Array.fill方法同樣可以用於初始化一個數組或者刪除數組中元素

    const arr1 = Array(3).fill(null); // [null, null, null]
    const arr2 = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
    arr2.fill('', 2, 5); // ['a', 'b', '', '', '', 'f', 'g']
    arr2.fill(null, 2, 5); // ['a', 'b', null, null, null, 'f', 'g']

在這個例子中，我們可以將數組 arr1 初始化為 [null, null, null] 。

在數組 arr2 中從第二個元素(a 的索引為0)開始，到第五個元素（索引是4）之間的元素替換為空白字元串。

在數組 arr2 中，我們也可以刪除從第二個元素開始到第五個元素之間的元素，對應的代碼如下:

    arr2.fill('', 2, 5);
    console.log(arr2); // ['a', 'b', '', '', '', 'f', 'g']

    arr2.splice(2, 3);
    console.log(arr2); // ['a', 'b', 'f', 'g']

七、array.fill什麼意思

array.fill 的意思就是用一個靜態的值替換掉整個數組的值，可以是null，也可以是其它的值，可以替換全部也可以替換一部分，用法靈活。使用array.fill 可以讓數組產生一些非常方便的操作。

本篇文章對array.fill 進行了全面而詳細的闡述，從引用, array.fill(null), Array.fill(), array.fill mdn, array.fill的方法, array.fill的用法, array.fill什麼意思等方面進行了描述。在日常編程中，array.fill 是一個非常常用的數組操作方法，相信通過本篇文章的介紹，讀者對 array.fill 必將有更深入的理解。