原生JS中slice()方法和splice()区别


Posted in Javascript onMarch 06, 2017

slice()方法和splice()方法都是原生js中对数组操作的方法。那么他两种有什么区别呢?今天通过本文教程给大家简单介绍下。

slice(),返回一个新的数组,该方法可从已有的数组中返回选定的元素。例如:arrObject(start,end),start是必选的。规定从何处开始选取,如果是负数,则是从数组元素尾部选取,也就是说-1指最后一个元素,-2指倒数第二个元素;end是可选元素。规定从何处结束选取。该参数没有,表示从开始位置截取到数组末尾,如果是负数,表示从数组末尾向前截取元素。该方法不会修改原数组,如果想删除数组中某一段元素,使用splice()方法。

splice(),数组中添加/删除元素。例如:arrayObject.splice(index,howmany,item1,.....,itemX)。index是必选的,规定添加/删除项目的位置。howmany必须项,表示删除项目的个数,如果为0表示不删除元素。splice()可删除从index开始的howmany个元素,并可以用item元素替代删除的元素。item可选参数,表示新添加的项。

用法如:

(1):

var arr = new Array(5);
arr[0] = "amy";
arr[1] = "elice";
arr[2] = "divi";
arr[3] = "lvy";
arr[4] = "marry";
arr.splice(1, 0, "willian");
console.log(arr);
//输出:amy,willian,elice,divi,lvy,在数组第一个位置增加一个元素,其值是"willian"

(2):

var arr = new Array(5);
arr[0] = "amy";
arr[1] = "elice";
arr[2] = "divi";
arr[3] = "lvy";
arr[4] = "marry";
arr.splice(1, 2, "willian");
console.log(arr);
//输出:amy,willian,lvy,从数组第一个位置起删除两个元素,并用新的元素“willian”代替删除的元素。

以上所述是小编给大家介绍的原生JS中slice()方法和splice()区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript URL参数读取改进版
Jan 16 Javascript
JQuery index()方法使用代码
Jun 02 Javascript
jQuery选择头像并实时显示的代码
Jun 27 Javascript
js页面跳转的常用方法整理
Oct 18 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
May 27 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 Javascript
JQuery工具函数汇总
Jun 15 Javascript
Bootstrap基础学习
Jun 16 Javascript
jquery实现简洁文件上传表单样式
Nov 02 Javascript
深入探秘jquery瀑布流的实现
Jan 30 Javascript
react-native使用leanclound消息推送的方法
Aug 06 Javascript
vue+elementUI动态生成面包屑导航教程
Nov 04 Javascript
浅析vue component 组件使用
Mar 06 #Javascript
js常用的继承--组合式继承
Mar 06 #Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 #Javascript
canvas仿iwatch时钟效果
Mar 06 #Javascript
jQuery滚动监听实现商城楼梯式导航效果
Mar 06 #Javascript
纯JS实现弹性导航条效果
Mar 06 #Javascript
JS实现颜色动态淡化效果
Mar 06 #Javascript
You might like
PHP+AJAX实现无刷新注册(带用户名实时检测)
2006/12/02 PHP
discuz安全提问算法
2007/06/06 PHP
Ajax+PHP 边学边练之四 表单
2009/11/27 PHP
浅析Yii2 GridView 日期格式化并实现日期可搜索教程
2016/04/22 PHP
解决laravel5中auth用户登录其他页面获取不到登录信息的问题
2019/10/08 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
25个优雅的jQuery Tooltip插件推荐
2011/05/25 Javascript
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
用JS实现一个TreeMenu效果分享
2011/08/28 Javascript
javascript 树形导航菜单实例代码
2013/08/13 Javascript
Nodejs实现多人同时在线移动鼠标的小游戏分享
2014/12/06 NodeJs
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
2016/12/25 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
微信小程序文章详情页面实现代码
2018/09/10 Javascript
JS根据json数组多个字段排序及json数组常用操作
2019/06/06 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
JS前端模块化原理与实现方法详解
2020/03/17 Javascript
vue组件中传值EventBus的使用及注意事项说明
2020/11/16 Javascript
python中的__slots__使用示例
2015/02/26 Python
python计算文本文件行数的方法
2015/07/06 Python
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
生产经理的自我评价分享
2013/11/07 职场文书
大学老师推荐信
2014/02/25 职场文书
预备党员转正考核材料
2014/06/03 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
婚庆公司计划书
2014/09/15 职场文书
2016年度优秀辅导员事迹材料
2016/02/26 职场文书
Matlab如何实现矩阵复制扩充
2021/06/02 Python
SQL 尚未定义空闲 CPU 条件 - OnIdle 作业计划将不起任何作用
2021/06/30 SQL Server
使用logback实现按自己的需求打印日志到自定义的文件里
2021/08/30 Java/Android
python前后端自定义分页器
2022/04/13 Python