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 相关文章推荐
jQuery版Tab标签切换
Mar 16 Javascript
动态的改变IFrame的高度实现IFrame自动伸展适应高度
Dec 28 Javascript
ExtJS[Desktop]实现图标换行示例代码
Nov 17 Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 Javascript
jquery通过closest选择器修改上级元素的方法
Mar 17 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
Dec 24 Javascript
JavaScript预解析及相关技巧分析
Apr 21 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
Sep 29 Javascript
微信小程序之数据双向绑定与数据操作
May 12 Javascript
JavaScript实现封闭区域布尔运算的示例代码
Jun 25 Javascript
Vue动画事件详解及过渡动画实例
Feb 09 Javascript
微信小程序实现pdf、word等格式文件上传的方法
Sep 10 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
40年前的这部特摄片恐龙特级克塞号80后的共同回忆
2020/03/08 日漫
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
PHP结合jQuery.autocomplete插件实现输入自动完成提示的功能
2015/04/27 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
JS获取dom 对象 ajax操作 读写cookie函数
2009/11/18 Javascript
javascript instanceof 与typeof使用说明
2010/01/11 Javascript
javascript制作2048游戏
2015/03/30 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
jQuery 3 中的新增功能汇总介绍
2016/06/12 Javascript
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
vue 多入口文件搭建 vue多页面搭建的实例讲解
2018/03/12 Javascript
layDate日期控件使用方法详解
2018/11/15 Javascript
在layui.use 中自定义 function 的正确方法
2019/09/16 Javascript
[38:23]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第一场
2014/05/24 DOTA
python判断端口是否打开的实现代码
2013/02/10 Python
python实现图片批量剪切示例
2014/03/25 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
使用python进行广告点击率的预测的实现
2019/07/04 Python
Django框架model模型对象验证实现方法分析
2019/10/02 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
pytorch逐元素比较tensor大小实例
2020/01/03 Python
Python drop方法删除列之inplace参数实例
2020/06/27 Python
Python logging模块原理解析及应用
2020/08/13 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
2018/01/31 HTML / CSS
如何在Canvas中添加事件的方法示例
2019/05/21 HTML / CSS
美国知名的旅游网站:OneTravel
2018/10/09 全球购物
农民致富事迹材料
2014/01/23 职场文书
公证委托书格式
2014/09/13 职场文书
交通事故代理词范文
2015/05/23 职场文书
法律意见书范文
2015/06/04 职场文书
Django如何与Ajax交互
2021/04/29 Python
go goroutine 怎样进行错误处理
2021/07/16 Golang