js 数组 fill() 填充方法
更新时间：2021年10月29日 09:44:32 投稿：hqx
这篇文章主要介绍了js 数组 fill() 的填充方法，初始化数组的方法，但是初始化数组之后，数组中的每一项元素默认为 empty 空位占位，如何对数组这些空位添加默认的元素，ES6提供了 fill() 方法实现这一操作。本文总结数组 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]
3、总结
以上就是本文的全部内容，希望给读者带来些许的帮助和进步，方便的话点个关注，小白的成长之路会持续更新一些工作中常见的问题和技术点。
到此这篇关于js 数组 fill() 填充方法的文章就介绍到这了,更多相关js 数组 fill()填充内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了前端对接WebSocket与心跳重连实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
这篇文章主要介绍了JS 里为什么会有 this，文章主要从语言创造者（JS 之父的角度）来思考 this，我之前那篇讲 this 的文章是从使用者的角度写的,需要的朋友可以参考一下2021-10-10
这篇文章主要介绍了 微信小程序 保留小数(toFixed)详细介绍的相关资料,这里附有实例，帮助大家学习参考此部分知识，需要的朋友可以参考下2016-11-11
这篇文章主要介绍了移动开发之自适应手机屏幕宽度的相关资料,网上关于这方面的文章有很多，重复的东西本文不再赘述，仅提供思路，并解释一些其他文章讲述模糊的地方,需要的朋友可以参考下2016-11-11
这篇文章主要为大家介绍了Fabric.js 监听元素是否相交重叠的方案示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要为大家介绍了ECharts Canvas渲染在SVG合理运用，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
J avaScript无处不在，从PC端到移动设备端，甚至是后端，都在使用JavaSc ript。在本文中，将尝试一些可用来使代码看起来更简洁的实践方案，希望能帮助到大家2021-09-09
这篇文章主要介绍了微信小程序 POST请求（网络请求）详解及实例代码的相关资料,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了微信小程序登录态控制深入分析的相关资料,需要的朋友可以参考下2017-04-04
竞态条件Race condition及如何避免的三种方案详解
这篇文章主要为大家介绍了竞态条件Race condition及如何避免的三种方案详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
最新评论