您的位置:

全面了解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 必将有更深入的理解。