在 JavaScript 中,数组是一种非常常见的数据结构。在很多情况下,我们需要创建指定长度的数组,以便进行后续的操作。ES7 中新增的 Array.prototype.fill()
方法可以帮助我们快速创建指定长度的数组。
fill() 方法介绍
fill()
方法用于将一个固定值填充到数组中的指定位置,从起始索引到结束索引。其语法如下:
array.fill(value, start, end)
其中,value
表示要填充的值,start
表示起始索引,end
表示结束索引。如果 start
和 end
都没有指定,则 fill()
方法将填充整个数组。
例如,下面的代码将创建一个长度为 5、每个元素都是 0 的数组:
const arr = new Array(5).fill(0); console.log(arr); // [0, 0, 0, 0, 0]
使用 fill() 方法创建指定长度数组
通过 fill()
方法,我们可以快速创建指定长度的数组。下面是一个示例代码:
const arr1 = new Array(5).fill(0); console.log(arr1); // [0, 0, 0, 0, 0] const arr2 = new Array(10).fill('hello'); console.log(arr2); // ['hello', 'hello', 'hello', 'hello', 'hello', 'hello', 'hello', 'hello', 'hello', 'hello']
上面的代码中,我们分别创建了长度为 5 和 10 的数组,并将每个元素都填充为 0 和 'hello'。
指导意义
fill()
方法可以帮助我们快速创建指定长度的数组,并填充固定值。这在一些场景下非常有用,例如在进行数据初始化时。
除了创建指定长度的数组,fill()
方法还可以用于替换数组中的元素,例如将数组中的所有元素都替换为 0 或者替换为默认值。
需要注意的是,fill()
方法会改变原始数组,而不是返回一个新的数组。因此,在使用 fill()
方法时需要注意是否需要保留原始数组。
总结
ES7 中的 Array.prototype.fill()
方法可以帮助我们快速创建指定长度的数组,并填充固定值。通过这个方法,我们可以在进行数据初始化等场景下提高开发效率。需要注意的是,fill()
方法会改变原始数组,因此在使用时需要注意是否需要保留原始数组。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/65f292ab2b3ccec22fb247e8