首页 > 软件开发 > JavaScript >

如何使用ES6中的数组对象方法填充数组的元素

来源:互联网 2023-03-16 23:57:55 版权归原作者所有,如有侵权,请联系我们

在我们常用的Array对象中,可以使用fill方法将一个固定值从开始位置到结束位置元素进行填充。fill方法第一个参数是填充的值,第二个参数是开始位置,第三个参数是结束位置。下面利用一个实例说明fill方法的用法,操作如下:jK6办公区 - 实用经验教程分享!

如何使用ES6中的数组对象方法填充数组的元素jK6办公区 - 实用经验教程分享!

工具/原料

  • HBuilder
  • JavaScript
  • HTML5
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,双击打开HBuilder编辑工具,新建静态页面fill.html,修改title标签内的内容,如下图所示:jK6办公区 - 实用经验教程分享!

    如何使用ES6中的数组对象方法填充数组的元素jK6办公区 - 实用经验教程分享!

  • 2

    第二步,在title标签下添加script标签,插入代码,声明变量you和hai,调用fill填充数组的元素,如下图所示:jK6办公区 - 实用经验教程分享!

    如何使用ES6中的数组对象方法填充数组的元素jK6办公区 - 实用经验教程分享!

  • 3

    第三步,保存JS代码,并在浏览器中预览效果;打开浏览器控制台,查看打印结果,如下图所示:jK6办公区 - 实用经验教程分享!

    如何使用ES6中的数组对象方法填充数组的元素jK6办公区 - 实用经验教程分享!

  • 3相关内容未经许可获取自百度经验
  • 4

    第四步,再次修改hai变量赋值,fill方法内传入null值,接着查看结果值,如下图所示:jK6办公区 - 实用经验教程分享!

    如何使用ES6中的数组对象方法填充数组的元素jK6办公区 - 实用经验教程分享!

  • 5

    第五步,再次查看浏览器控制台,可以发现原先的数组元素值,变为了null,如下图所示:jK6办公区 - 实用经验教程分享!

    如何使用ES6中的数组对象方法填充数组的元素jK6办公区 - 实用经验教程分享!

  • 6

    第六步,接着修改fill方法的传入参数,添加两个参数开始位置和结束位置,如下图所示:jK6办公区 - 实用经验教程分享!

    如何使用ES6中的数组对象方法填充数组的元素jK6办公区 - 实用经验教程分享!

  • 注意事项

    • 注意Array对象中的填充数组元素
    • 注意fill方法的三个参数的用法

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!jK6办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号