原生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 相关文章推荐
js判断样式className同时增加class或删除class
Jan 30 Javascript
Node.js和PHP根据ip获取地理位置的方法
Mar 14 Javascript
jquery 绑定回车动作扑捉回车键触发的事件
Mar 26 Javascript
javascript内置对象操作详解
Feb 04 Javascript
BOM系列第二篇之定时器requestAnimationFrame
Aug 17 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
Nov 30 Javascript
Node.js 实现简单的接口服务器的实例代码
May 23 Javascript
解决vue多个路由共用一个页面的问题
Mar 12 Javascript
JQuery常见节点操作实例分析
May 15 jQuery
详解ng-alain动态表单SF表单项设置必填和正则校验
Jun 11 Javascript
JS数组及对象遍历方法代码汇总
Jun 16 Javascript
JS访问对象两种方式区别解析
Aug 29 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
smarty模板引擎中内建函数if、elseif和else的使用方法
2015/01/22 PHP
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
php设计模式之委托模式
2016/02/13 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
JavaScript 常见对象类创建代码与优缺点分析
2009/12/07 Javascript
js绑定事件this指向发生改变的问题解决方法
2013/04/23 Javascript
JavaScript window.location对象
2014/11/14 Javascript
Javascript基础教程之while语句
2015/01/18 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
JavaScript中的数据类型转换方法小结
2015/10/26 Javascript
jQuery Raty 一款不错的星级评分插件
2016/08/24 Javascript
jQuery选择器中的特殊符号处理方法
2017/09/08 jQuery
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
2018/11/12 jQuery
jQuery实现鼠标滑动切换图片
2020/05/27 jQuery
[49:35]KG vs SECRET 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
[04:40]DOTA2-DPC中国联赛1月26日Recap集锦
2021/03/11 DOTA
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
Python 实现购物商城,含有用户入口和商家入口的示例
2017/09/15 Python
python发送邮件脚本
2018/05/22 Python
Python 利用切片从列表中取出一部分使用的方法
2019/02/01 Python
详解python读取和输出到txt
2019/03/29 Python
Python动态语言与鸭子类型详解
2019/07/01 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
关于Numpy数据类型对象(dtype)使用详解
2019/11/27 Python
python实现邮件循环自动发件功能
2020/09/11 Python
HTML5新增form控件和表单属性实例代码详解
2019/05/15 HTML / CSS
苹果中国官方网站:Apple中国
2016/07/22 全球购物
STUBHUB日本:购买和出售全球活动门票
2018/07/01 全球购物
优秀求职信范文分享
2013/12/19 职场文书
2016中秋节月饼促销广告语
2016/01/28 职场文书
如何用RabbitMQ和Swoole实现一个异步任务系统
2021/05/29 PHP
Java 死锁解决方案
2022/05/11 Java/Android