本文详细介绍JavaScript ES6引入的数组fill()方法，用于将数组指定范围内的元素替换为固定值。文章解析了value、start和end三个参数的具体用法，涵盖单参数、双参数及三参数场景，并通过代码示例演示如何填充空位数组及处理负数索引，帮助开发者掌握数组元素批量修改技巧。
前言：
在了解多种数组初始化方式后，我们注意到初始化后的数组项默认为 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]
3、总结
以上就是本文的全部内容，希望给读者带来些许的帮助和进步，方便的话点个关注，小白的成长之路会持续更新一些工作中常见的问题和技术点。
到此这篇关于js 数组 fill() 填充方法的文章就介绍到这了,更多相关js 数组 fill()填充内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！