原生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_05_原型继承原理
Oct 13 Javascript
鼠标事件延时切换插件
Mar 12 Javascript
js 字符串转化成数字的代码
Jun 29 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
Jan 08 Javascript
微信小程序  checkbox组件详解及简单实例
Jan 10 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
Bootstrap Multiselect 常用组件实现代码
Jul 09 Javascript
Promise扫盲贴
Jun 24 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
Nov 01 Javascript
如何通过vscode运行调试javascript代码
Jul 24 Javascript
微信小程序实现下拉加载更多商品
Dec 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
php上传、管理照片示例
2006/10/09 PHP
PHP文件注释标记及规范小结
2012/04/01 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
2014/08/01 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
2017/01/21 Javascript
jquery实现页面加载效果
2017/02/21 Javascript
Vue仿手机qq的实例代码(demo)
2017/09/08 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
2017/10/01 Javascript
Koa 使用小技巧(小结)
2018/10/22 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
Python WXPY实现微信监控报警功能的代码
2017/10/20 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
python如何定义带参数的装饰器
2018/03/20 Python
python验证码识别教程之灰度处理、二值化、降噪与tesserocr识别
2018/06/04 Python
python cs架构实现简单文件传输
2020/03/20 Python
如何基于Python制作有道翻译小工具
2019/12/16 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
通过python调用adb命令对App进行性能测试方式
2020/04/23 Python
Python Selenium模块安装使用教程详解
2020/07/09 Python
Python自定义sorted排序实现方法详解
2020/09/18 Python
CSS3 Calc实现滚动条出现页面不跳动问题
2017/09/14 HTML / CSS
俄罗斯皮肤健康中心:Pharmacosmetica.ru
2020/02/22 全球购物
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
临床医学系毕业生推荐信
2013/11/09 职场文书
经销商年会策划方案
2014/05/29 职场文书
幼儿园运动会口号
2014/06/07 职场文书
征兵宣传标语
2014/06/20 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
2015年老干部工作总结
2015/04/23 职场文书
本科毕业论文致谢怎么写
2015/05/14 职场文书
民间借贷纠纷起诉书
2015/08/03 职场文书
环保主题班会教案
2015/08/13 职场文书
优秀家长事迹材料(2016推荐版)
2016/02/29 职场文书