js 数组 fill() 填充方法


Posted in Javascript onNovember 02, 2021

js 数组 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()填充内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
jquery map方法使用示例
Apr 23 Javascript
javascript实现复制与粘贴操作实例
Oct 16 Javascript
再谈javascript原型继承
Nov 10 Javascript
node.js中的fs.write方法使用说明
Dec 15 Javascript
javascript数组去重的六种方法汇总
Aug 16 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
ECMAScript6 新特性范例大全
Mar 24 Javascript
详解利用 Express 托管静态文件的方法
Sep 18 Javascript
js自定义trim函数实现删除两端空格功能
Feb 09 Javascript
vue-router懒加载速度缓慢问题及解决方法
Nov 25 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
vue路由跳转传递参数的方式总结
May 10 Javascript
浅谈 JavaScript 沙箱Sandbox
详解 TypeScript 枚举类型
Nov 02 #Javascript
前端JavaScript大管家 package.json
JavaScript 原型与原型链详情
javascript实现计算器功能详解流程
JS创建或填充任意长度数组的小技巧汇总
Oct 24 #Javascript
一文彻底理解js原生语法prototype,__proto__和constructor
Oct 24 #Javascript
You might like
同时提取多条新闻中的文本一例
2006/10/09 PHP
MYSQL环境变量设置方法
2007/01/15 PHP
ThinkPHP连接Oracle数据库
2016/04/22 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
PHP htmlspecialchars_decode()函数用法讲解
2019/03/01 PHP
浅谈laravel orm 中的一对多关系 hasMany
2019/10/21 PHP
javascript 用原型继承来实现对象系统
2010/03/22 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
浅析Bootstrap组件之面板组件
2016/05/04 Javascript
使用AJAX实现Web页面进度条的实例分享
2016/05/06 Javascript
超详细的JS弹出窗口代码大全
2020/04/18 Javascript
将angular.js项目整合到.net mvc中的方法详解
2017/06/29 Javascript
vue router返回到指定的路由的场景分析
2020/11/10 Javascript
[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect
2018/04/03 DOTA
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
Python读取系统文件夹内所有文件并统计数量的方法
2018/10/23 Python
Python Selenium 之关闭窗口close与quit的方法
2019/02/13 Python
使用Python进行体育竞技分析(预测球队成绩)
2019/05/16 Python
python实现的多任务版udp聊天器功能案例
2019/11/13 Python
python新式类和经典类的区别实例分析
2020/03/23 Python
解决IDEA 的 plugins 搜不到任何的插件问题
2020/05/04 Python
日本最佳原创设计品牌:Felissimo(芬理希梦)
2019/03/19 全球购物
水产养殖学应届生求职信
2013/09/29 职场文书
邮政员工辞职信
2014/01/16 职场文书
执行总经理岗位职责
2014/02/03 职场文书
《长城》教学反思
2014/02/14 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
献爱心捐款倡议书
2014/05/14 职场文书
售房协议书
2014/08/19 职场文书
合作协议书范本
2014/10/25 职场文书
纪检监察立案决定书
2015/06/24 职场文书
情侣餐厅的创业计划书范本!
2019/07/26 职场文书
nginx简单配置多个server的方法
2021/03/31 Servers
利用Python判断整数是否是回文数的3种方法总结
2021/07/07 Python
梳理总结Python开发中需要摒弃的18个坏习惯
2022/01/22 Python