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 继承机制的实现
Aug 12 Javascript
javascript 混合的构造函数和原型方式,动态原型方式
Dec 07 Javascript
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
Sep 12 Javascript
js获得鼠标的坐标值的方法
Mar 13 Javascript
jQuery操作DOM之获取表单控件的值
Jan 23 Javascript
js实现下拉框选择要显示图片的方法
Feb 16 Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 Javascript
AngularJS表单验证功能分析
May 26 Javascript
vuejs 动态添加input框的实例讲解
Aug 24 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
vue路由切换之淡入淡出的简单实现
Oct 31 Javascript
vant实现购物车功能
Jun 29 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
php面向对象全攻略 (十五) 多态的应用
2009/09/30 PHP
thinkphp配置连接数据库技巧
2014/12/02 PHP
WebQQ最新登陆协议的用法
2014/12/22 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
css动画效果之animation的常用样式
2021/03/09 HTML / CSS
js实现屏蔽默认快捷键调用自定义事件示例
2013/06/18 Javascript
jquery showModelDialog的使用方法示例详解
2013/11/19 Javascript
JS OffsetParent属性深入解析
2014/01/13 Javascript
jquery防止重复执行动画避免页面混乱
2014/04/22 Javascript
Javascript Memoizer浅析
2014/10/16 Javascript
node.js中的fs.chown方法使用说明
2014/12/16 Javascript
jquery实现简单的无缝滚动
2015/04/15 Javascript
JS hashMap实例详解
2016/05/26 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
AngularJS入门教程之模块化操作用法示例
2016/11/02 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
2017/07/31 Javascript
Nodejs 发布自己的npm包并制作成命令行工具的实例讲解
2018/05/15 NodeJs
nodejs初始化init的示例代码
2018/10/10 NodeJs
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
微信小程序系列之自定义顶部导航功能
2019/05/21 Javascript
举例讲解Python中字典的合并值相加与异或对比
2016/06/04 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
Python爬虫基础之XPath语法与lxml库的用法详解
2018/09/13 Python
详解python:time模块用法
2019/03/25 Python
详解python数据结构和算法
2019/04/18 Python
python爬虫 2019中国好声音评论爬取过程解析
2019/08/26 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
建筑专业自荐信范文
2014/01/05 职场文书
财务部副经理岗位职责范本
2014/06/17 职场文书
大学生自荐书范文
2015/03/05 职场文书
为自己工作观后感
2015/06/11 职场文书
初中数学教学反思范文
2016/02/17 职场文书
python xlwt模块的使用解析
2021/04/13 Python