原生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代码超级推荐
Apr 05 Javascript
Javascript 判断函数类型完美解决方案
Sep 02 Javascript
JavaScript利用正则表达式去除日期中的“-”
Jul 01 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
Oct 20 Javascript
在for循环中length值是否需要缓存
Jul 27 Javascript
AnjularJS中$scope和$rootScope的区别小结
Sep 18 Javascript
给easyui datebox扩展一个清空的实例
Nov 09 Javascript
移动端点击态处理的三种实现方式
Jan 12 Javascript
100行代码理解和分析vue2.0响应式架构
Mar 09 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
Jun 12 Javascript
微信小程序实现图片压缩功能
Jan 26 Javascript
js实现3D照片墙效果
Oct 28 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的MVC模式实现原理分析(一相简单的MVC框架范例)
2014/04/29 PHP
PHP命名空间namespace用法实例分析
2016/09/27 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
使用JQUERY Tabs插件宿主IFRAMES
2010/01/01 Javascript
javascript 隔行换色函数代码
2010/10/24 Javascript
javascript中的括号()用法小结
2014/04/14 Javascript
JavaScript中的object转换成number或string规则介绍
2014/12/31 Javascript
js实现简单的可切换选项卡效果
2015/04/10 Javascript
详解jQuery事件
2017/01/13 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
vue拖拽组件使用方法详解
2018/12/01 Javascript
python概率计算器实例分析
2015/03/25 Python
详解Python Socket网络编程
2016/01/05 Python
Python的Flask框架中的Jinja2模板引擎学习教程
2016/06/30 Python
Java分治归并排序算法实例详解
2017/12/12 Python
基于Python实现扑克牌面试题
2019/12/11 Python
python实现银行实战系统
2020/02/26 Python
python3中数组逆序输出方法
2020/12/01 Python
pycharm 快速解决python代码冲突的问题
2021/01/15 Python
怎样实现H5+CSS3手指滑动切换图片的示例代码
2019/05/05 HTML / CSS
SQL Server提供的3种恢复模型都是什么? 有什么区别?
2012/05/13 面试题
优秀班组长事迹
2014/05/31 职场文书
刑事辩护授权委托书范本
2014/10/17 职场文书
医院护士工作检讨书
2014/10/26 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
律师函格式范本
2015/05/27 职场文书
汽车销售员工作总结
2015/08/12 职场文书
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python
修改MySQL的默认密码的四种小方法
2021/05/26 MySQL
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL
代码解析React中setState同步和异步问题
2021/06/03 Javascript
关于HTML编码导致的乱码问题
2021/09/04 HTML / CSS
Win11应用商店打开闪退怎么解决? win11应用商店打不开的多种解决办法
2022/04/05 数码科技