原生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事件列表解说
Dec 22 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
Sep 10 Javascript
javascript中window.event事件用法详解
Dec 11 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
详解JavaScript中的自定义事件编写
May 10 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
Nov 07 Javascript
JavaScript基础进阶之数组方法总结(推荐)
Sep 04 Javascript
node.js博客项目开发手记
Mar 16 Javascript
javascript和php使用ajax通信传递JSON的实例
Aug 21 Javascript
Vue结合路由配置递归实现菜单栏功能
Jun 16 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 Javascript
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
浅析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
ip签名探针
2006/10/09 PHP
php面向对象全攻略 (十) final static const关键字的使用
2009/09/30 PHP
基于php socket(fsockopen)的应用实例分析
2013/06/02 PHP
php获取文件大小的方法
2014/02/26 PHP
php把大写命名转换成下划线分割命名
2015/04/27 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
PHP asXML()函数讲解
2019/02/03 PHP
javascript实现 在光标处插入指定内容
2007/05/25 Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
js实现简单的星级选择器提交效果适用于评论等
2013/10/18 Javascript
js验证电话号码与手机支持+86的正则表达式
2014/01/23 Javascript
js设置function参数默认值(适合没有传参情况)
2014/02/24 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
js实现刷新iframe的方法汇总
2015/04/27 Javascript
理解Javascript的call、apply
2015/12/16 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
2016/10/24 Javascript
微信小程序实现滚动消息通知
2018/02/02 Javascript
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
Vue 组件封装 并使用 NPM 发布的教程
2018/09/30 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
Python探索之pLSA实现代码
2017/10/25 Python
python实现比较类的两个instance(对象)是否相等的方法分析
2019/06/26 Python
用Python开发app后端有优势吗
2020/06/29 Python
css3翻牌翻数字的示例代码
2020/02/07 HTML / CSS
房地产项目策划书
2014/02/05 职场文书
行政工作个人的自我评价
2014/02/13 职场文书
和睦家庭事迹
2014/05/14 职场文书
后备干部培训方案
2014/05/22 职场文书
社区个人对照检查材料(群众路线)
2014/09/26 职场文书
2015年中秋节主持词
2015/07/30 职场文书
化工生产实习心得体会
2016/01/22 职场文书
导游词之烟台威海蓬莱
2019/11/14 职场文书
新手入门Mysql--概念
2021/06/18 MySQL
Python 可迭代对象 iterable的具体使用
2021/08/07 Python