ES6中Array.copyWithin()函数的用法实例详解
更新时间：2017年09月16日 10:18:52 作者：白色的海
ES6为Array增加了copyWithin函数，用于操作当前数组自身，用来把某些个位置的元素复制并覆盖到其他位置上去。下面重点给大家介绍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()函数的用法实例详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
您可能感兴趣的文章:
相关文章
本文主要分享了js实现的日历时钟案例，具有一定的参考价值，下面跟着小编一起来看下吧2016-12-12
这篇文章介绍了JS实现定时自动消失的弹出窗口，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
javascript 对象 与 prototype 原型用法实例分析
这篇文章主要介绍了javascript 对象 与 prototype 原型用法,结合实例形式分析了javascript 对象 与 prototype 原型实现对象创建、继承、拷贝等相关操作技巧,需要的朋友可以参考下2019-11-11
这篇文章给大家详细介绍了JavaScript中的并行处理，一直以来，JavaScript 都并没有多线程的能力，而单线程在让开发者方便的同时，也使它一直不能处理计算量复杂的场景，唯一方法就是让服务端去做。下来通过这篇文章我们一起来看看详细介绍。2016-09-09
Next.js 是一个轻量级的 React 服务端渲染应用框架。文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习吧2021-07-07
这篇文章主要介绍了JS实现的加减乘除四则运算计算器,涉及javascript事件响应及数学运算相关操作技巧,需要的朋友可以参考下2017-08-08
这篇文章主要为大家详细介绍了js实现动态添加上传文件页面，如何动态创建一个input标签示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
这篇文章主要介绍了JS如何获取对象键值对中key值的方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
这篇文章主要介绍了基于JavaScript实现Tabs选项卡切换效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要为大家详细介绍了web前端开发upload上传头像js示例代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
最新评论