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


Posted in Javascript onSeptember 16, 2017

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()函数的用法实例详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
用javascript获取地址栏参数
Dec 22 Javascript
js 图片轮播(5张图片)
Dec 30 Javascript
javascript 图片上传预览-兼容标准
Jun 01 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
Jun 19 Javascript
jQuery随机密码生成的方法
Mar 09 Javascript
10分钟掌握XML、JSON及其解析
Dec 06 Javascript
简单实现JS倒计时效果
Dec 23 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
Jan 18 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
Node.js API详解之 dgram模块用法实例分析
Jun 05 Javascript
JS闭包的几种常见形式实例详解
Sep 16 #Javascript
ES6中Array.find()和findIndex()函数的用法详解
Sep 16 #Javascript
详解JS构造函数中this和return
Sep 16 #Javascript
Angular使用Md5加密的解决方法
Sep 16 #Javascript
使用JS实现气泡跟随鼠标移动的动画效果
Sep 16 #Javascript
EasyUI创建人员树的实例代码
Sep 15 #Javascript
webpack构建react多页面应用详解
Sep 15 #Javascript
You might like
日本收入最高的漫画家:海贼王作者版税年收入高达8.45亿元
2020/03/04 日漫
PHP输出控制功能在简繁体转换中的应用
2006/10/09 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
PHP底层运行机制与工作原理详解
2020/07/31 PHP
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
2007/04/20 Javascript
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
js特效,页面下雪的小例子
2013/06/17 Javascript
jQuery实现鼠标划过展示大图的方法
2015/03/09 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
2017/11/03 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
原生js实现获取form表单数据代码实例
2019/03/27 Javascript
vue 集成jTopo 处理方法
2019/08/07 Javascript
layui扩展上传组件模拟进度条的方法
2019/09/23 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
VueX模块的具体使用(小白教程)
2020/06/05 Javascript
[00:44]2016完美“圣”典 风云人物:Mikasa宣传片
2016/12/07 DOTA
详解字典树Trie结构及其Python代码实现
2016/06/03 Python
对python的文件内注释 help注释方法
2018/05/23 Python
Flask框架URL管理操作示例【基于@app.route】
2018/07/23 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
Python实现EXCEL表格的排序功能示例
2019/06/25 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
如何用Python来理一理红楼梦里的那些关系
2019/08/14 Python
python查看数据类型的方法
2019/10/12 Python
python使用dlib进行人脸检测和关键点的示例
2020/12/05 Python
利用css3-animation实现逐帧动画效果
2016/03/10 HTML / CSS
使用CSS3中的calc()属性来以算式表达尺寸数值
2016/06/06 HTML / CSS
机械个人求职信范文
2014/01/24 职场文书
有关九一八事变的演讲稿
2014/09/14 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js
使用Springboot实现健身房管理系统
2021/07/01 Java/Android