原生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
Mar 07 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
javascript动态修改Li节点值的方法
Jan 20 Javascript
jquery实现弹出层效果实例
May 19 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
再谈javascript注入 黑客必备!
Sep 14 Javascript
jquery遍历标签中自定义的属性方法
Sep 17 Javascript
ionic2.0双击返回键退出应用
Sep 17 Javascript
js实现简单放大镜效果
Mar 07 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 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制作文本式留言板
2015/03/18 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
微信公众号模板消息群发php代码示例
2016/12/29 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
JavaScript的类型转换(字符转数字 数字转字符)
2010/08/30 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
2013/11/04 Javascript
jquery 删除cookie失效的解决方法
2013/11/12 Javascript
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
JS实现Select的option上下移动的方法
2016/03/01 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
jQuery ajax动态生成table功能示例
2017/06/14 jQuery
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
2019/10/16 jQuery
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
[01:05]DOTA2完美大师赛趣味视频之选手教你打职业
2017/11/23 DOTA
Python3.x版本中新的字符串格式化方法
2015/04/24 Python
详细解读Python中的__init__()方法
2015/05/02 Python
Python中的random()方法的使用介绍
2015/05/15 Python
pycharm设置注释颜色的方法
2018/05/23 Python
python 读写excel文件操作示例【附源码下载】
2019/06/19 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
库存图片、照片、矢量图、视频和音乐:Shutterstock
2021/02/12 全球购物
请说出这段代码执行后a和b的值分别是多少
2015/03/28 面试题
经验丰富大学生村干部自我鉴定
2014/01/22 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
2014年单位植树节活动方案
2014/03/23 职场文书
新教师培训方案
2014/06/08 职场文书
学习朴航瑛老师爱岗敬业先进事迹思想汇报
2014/09/17 职场文书
商务英语求职信范文
2015/03/19 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
vue组件冲突之引用另一个组件出现组件不显示的问题
2022/04/13 Vue.js