一、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 必将有更深入的理解。