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中传递特殊字符(+,&)的方法，有需要的朋友可以参考一下2014-01-01
这篇文章主要介绍了JS获取指定月份的天数两种实现方法,需要的朋友可以参考下2018-06-06
这篇文章主要介绍了JavaScript原型继承和原型链原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
这篇文章主要为大家详细介绍了微信小程序自定义底部导航栏组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
这篇文章主要介绍了javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等,需要的朋友可以参考下2014-05-05
点小图看大图的效果想必很多的朋友都有见到过吧，下面有个不错的示例，感兴趣的朋友可以参考下2013-10-10
Easy.Ajax 部分源代码 支持文件上传功能， 兼容所有主流浏览器
下面是Easy.Ajax类的初稿，如须发表，在代码上还要修改以达到最简，但API是不会变了2011-02-02
这篇文章主要介绍了JavaScript模块管理的简单实现方式,它方便组织你的代码，提高项目的可维护性。一个项目的可维护性高不高，也体现一个程序员的水平，在如今越来越复杂的前端项目，这一点尤为重要。,需要的朋友可以参考下2019-06-06
兼容ie ff div 层 打开+关闭+ 拖动+遮罩+移动+动画改变高宽
div层 打开+关闭+ 拖动+遮罩+移动+动画改变高宽的实例js代码2008-07-07
这篇文章主要介绍了js实现正则匹配中文标点符号的方法,涉及JavaScript正则匹配与判定的简单使用技巧,需要的朋友可以参考下2015-12-12
最新评论