js--数组的 fill() 填充方法详解
2021-10-27 17:35
525 查看
前言
我们知道了很多了初始化数组的方法,但是初始化数组之后,数组中的每一项元素默认为 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]
写在最后
以上就是本文的全部内容,希望给读者带来些许的帮助和进步,方便的话点个关注,小白的成长之路会持续更新一些工作中常见的问题和技术点。
相关文章推荐
- JavaScript数组拓展(js数组form, of, copyWithin, find, fill, includes方法介绍)
- 详解js模板引擎art template数组渲染的方法
- 详解JS数组Reduce()方法详解及高级技巧
- JS进阶篇--JS数组reduce()方法详解及高级技巧
- JS数组的常用10种方法详解
- js数组方法详解(最新最全)
- JS数组扁平化(flat)方法总结详解
- js--数组的 coopyWithin() 浅复制方法详解
- js/jquery解析json和数组格式的方法详解
- js/jquery解析json和数组格式的方法详解
- JS数组reduce()方法详解及高级技巧
- apache 的常用:1反射赋值方法 2数组追加字符、填充fill、集合转化为数组
- JS 数组reduce()方法详解及高级技巧
- js-数组去重方法兼思想详解
- js--数组的 entries() 获取迭代方法详解
- js中array(数组)对象的splice方法的详解
- 详解JS数组方法
- js数组方法的一道笔试题考察点详解
- 2017/12/31Java基础学习——使用同一个值,填充整个数组のArrays.fill(a, number)方法
- Java学习笔记32. 数组的填充 Arrays.fill( ) 方法