ES6中Array.copyWithin()函数的用法实例详解

ES6为Array增加了copyWithin函数，用于操作当前数组自身，用来把某些个位置的元素复制并覆盖到其他位置上去。

Array.prototype.copyWithin(target, start = 0, end = this.length)

该函数有三个参数。

target：目的起始位置。

start：复制源的起始位置，可以省略，可以是负数。

end：复制源的结束位置，可以省略，可以是负数，实际结束位置是end-1。

例：

把第3个元素（从0开始）到第5个元素，复制并覆盖到以第1个位置开始的地方。

下面的红色块是复制目标的起始位置，黄色块为复制的源。

const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
arr1.copyWithin(1, 3, 6)
console.log('%s', JSON.stringify(arr1))

结果：

[1,4,5,6,5,6,7,8,9,10,11]

start和end都是可以省略。

start省略表示从0开始，end省略表示数组的长度值。

目标的位置不够的，能覆盖多少就覆盖多少。

const arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
arr2.copyWithin(3)
console.log('%s', JSON.stringify(arr2))

结果：

[1,2,3,1,2,3,4,5,6,7,8]

start和end都可以是负数，负数表示从右边数过来第几个。

const arr3 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
arr3.copyWithin(3, -3, -2)
console.log('%s', JSON.stringify(arr3))

结果：

[1,2,3,9,5,6,7,8,9,10,11]

总结

以上所述是小编给大家介绍的ES6中Array.copyWithin()函数的用法实例详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

# es6  # array.copywithin()  # ES6数组复制和填充方法copyWithin()、fill()的具体使用  # 小编  # 都是  # 几个  # 给大家  # 所述  # 到第  # 给我留言  # 增加了  # 有任何  # prototype  # target  # length  # start  # const  # copyWithin  # Array  # pre  # js  # brush  # class 

相关文章： GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  如何通过云梦建站系统实现SEO快速优化？  javascript中的try catch异常捕获机制用法分析  建站之星会员如何解锁更多建站功能？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  如何将凡科建站内容保存为本地文件？  浅析上传头像示例及其注意事项  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  如何解决VPS建站LNMP环境配置常见问题？  ,想在网上投简历，哪几个网站比较好？  建站主机类型有哪些？如何正确选型  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  免费ppt制作网站,有没有值得推荐的免费PPT网站？  建站主机核心功能解析：服务器选择与网站搭建流程指南  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  Swift中switch语句区间和元组模式匹配  如何配置IIS站点权限与局域网访问？  XML的“混合内容”是什么 怎么用DTD或XSD定义  高防服务器租用指南：配置选择与快速部署攻略  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  北京专业网站制作设计师招聘,北京白云观官方网站？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  如何实现建站之星域名转发设置？  jQuery 常见小例汇总  哈尔滨网站建设策划,哈尔滨电工证查询网站？  山东云建站价格为何差异显著？  全景视频制作网站有哪些,全景图怎么做成网页？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  如何通过免费商城建站系统源码自定义网站主题与功能？  宝塔Windows建站如何避免显示默认IIS页面？  Android使用GridView实现日历的简单功能  代刷网站制作软件,别人代刷火车票靠谱吗？  建站之星价格显示格式升级，你的预算足够吗？  利用JavaScript实现拖拽改变元素大小  南京网站制作费用,南京远驱官方网站？  如何在云指建站中生成FTP站点？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  如何高效搭建专业期货交易平台网站？  Bpmn 2.0的XML文件怎么画流程图  简单实现Android文件上传  已有域名和空间如何快速搭建网站？  如何在万网开始建站？分步指南解析  建站之星如何配置系统实现高效建站？  建站之星×万网：智能建站系统+自助建站平台一键生成  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  大连网站设计制作招聘信息,大连投诉网站有哪些？  行程制作网站有哪些,第三方机票电子行程单怎么开？