JS数组中fill()方法的使用方法是什么，能解决什么问题-群英

上一篇：quickjs封装JS沙箱的场景是什么，怎么实现下一篇：什么是沙箱，有哪些应用场景及怎样使用

这篇文章给大家介绍了“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]