首页 > 软件开发 > JavaScript >

如何使用ES6中的Array对象的方法复制数组元素

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

在ES6中的Array对象中,有个方法copeWithin,可以将数组中的元素复制到其他位置上。这个方法有三个参数,(1)开始替换数据位置;(2)开始读取数据位置;(3)结束读取数据位置。下面利用一个实例说明copeWithin方法的用法,操作如下:Sle办公区 - 实用经验教程分享!

如何使用ES6中的Array对象的方法复制数组元素Sle办公区 - 实用经验教程分享!

工具/原料

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

方法/步骤

  • 1

    第一步,打开HBuilder工具后,新建静态页面copeWithin.html,如下图所示:Sle办公区 - 实用经验教程分享!

    如何使用ES6中的Array对象的方法复制数组元素Sle办公区 - 实用经验教程分享!

  • 2

    第二步,在script>/script>编写代码,分别声明两个变量A和B,调用copeWithin方法给变量B赋值,如下图所示:Sle办公区 - 实用经验教程分享!

    如何使用ES6中的Array对象的方法复制数组元素Sle办公区 - 实用经验教程分享!

  • 3

    第三步,打开浏览器控制台,查看打印的结果;可以发现将数组第一个元素复制到了第二个元素,如下图所示:Sle办公区 - 实用经验教程分享!

    如何使用ES6中的Array对象的方法复制数组元素Sle办公区 - 实用经验教程分享!

  • 3该信息未经许可获取自百度经验
  • 4

    第四步,再在copewithin方法添加两个参数,开始位置和结束位置,如下图所示:Sle办公区 - 实用经验教程分享!

    如何使用ES6中的Array对象的方法复制数组元素Sle办公区 - 实用经验教程分享!

  • 5

    第五步,再次在浏览器控制台查看打印结果,发现第二个元素和第五个元素发生了改变,如下图所示:Sle办公区 - 实用经验教程分享!

    如何使用ES6中的Array对象的方法复制数组元素Sle办公区 - 实用经验教程分享!

  • 6

    第六步,如果是将后面两个参数改为负数,代表是从后到前计算顺序,如下图所示:Sle办公区 - 实用经验教程分享!

    如何使用ES6中的Array对象的方法复制数组元素Sle办公区 - 实用经验教程分享!

  • 注意事项

    • 注意Array对象中的copeWithin方法的用法
    • 注意copeWithin方法三个参数的含义

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


    标签: JAVASCRIPT

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