原生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 HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 Javascript
javascript 操作select下拉列表框的一点小经验
Mar 20 Javascript
javascript倒计时功能实现代码
Jun 07 Javascript
jQuery实现返回顶部效果的方法
May 29 Javascript
js 判断一组日期是否是连续的简单实例
Jul 11 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
微信小程序实现登录页云层漂浮的动画效果
May 05 Javascript
jquery实现企业定位式导航效果
Jan 01 jQuery
微信小程序实现图片上传功能
May 28 Javascript
electron踩坑之dialog中的callback解决
Oct 06 Javascript
带你使用webpack快速构建web项目的方法
Nov 12 Javascript
JS实现刷新网页后之前浏览位置保持不变示例详解
Aug 14 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
分页显示Oracle数据库记录的类之一
2006/10/09 PHP
最新版本PHP 7 vs HHVM 多角度比较
2016/02/14 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
javascript 图片裁剪技巧解读
2012/11/15 Javascript
jquery实现textarea输入字符控制(仿微博输入控制字符)
2013/04/26 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
JavaScript中Math对象的方法介绍
2017/01/05 Javascript
jQuery层级选择器实例代码
2017/02/06 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
详解element-ui中form验证杂记
2019/03/04 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
详解element-ui 表单校验 Rules 配置 常用黑科技
2020/07/11 Javascript
JavaScript编写开发动态时钟
2020/07/29 Javascript
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
Python实现telnet服务器的方法
2015/07/10 Python
Python常见加密模块用法分析【MD5,sha,crypt模块】
2017/05/24 Python
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
Python设计模式之解释器模式原理与用法实例分析
2019/01/10 Python
Python多版本开发环境管理工具介绍
2019/07/03 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
pytorch实现CNN卷积神经网络
2020/02/19 Python
用python制作个视频下载器
2021/02/01 Python
意大利团购网站:Groupon意大利
2016/10/11 全球购物
路由表示做什么用的?在linux环境中怎么来配置一条默认路由?
2013/06/07 面试题
博士学位自我鉴定范文
2013/12/26 职场文书
接受捐赠答谢词
2014/01/27 职场文书
小学教师师德师风演讲稿
2014/08/22 职场文书
2015年119消防宣传日活动总结
2015/03/24 职场文书
美德少年主要事迹材料
2015/11/04 职场文书
小学教师师德培训心得体会
2016/01/09 职场文书
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android
go开发alertmanger实现钉钉报警
2021/07/16 Golang
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL
GPU服务器的多用户配置方法
2022/07/07 Servers