原生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 相关文章推荐
jquery 打开窗口返回值实现代码
Mar 04 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
extjs中form与grid交互数据(record)的方法
Aug 29 Javascript
学习vue.js中class与style绑定
Dec 03 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
js微信应用场景之微信音乐相册案例分享
Aug 11 Javascript
vue2中引用及使用 better-scroll的方法详解
Nov 15 Javascript
layer 刷新某个页面的实现方法
Sep 05 Javascript
微信小程序实现同时上传多张图片
Feb 03 Javascript
vue中touch和click共存的解决方式
Jul 28 Javascript
Vue自定义多选组件使用详解
Sep 08 Javascript
js作用域及作用域链工作引擎
Jul 07 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操作mysql数据库的基本类代码
2014/02/25 PHP
ThinkPHP处理Ajax返回的方法
2014/11/22 PHP
PHP 生成N个不重复的随机数
2015/01/21 PHP
php数组添加与删除单元的常用函数实例分析
2015/02/16 PHP
php实现的操作excel类详解
2016/01/15 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
php设计模式之策略模式应用案例详解
2019/06/17 PHP
php扩展开发入门demo示例
2019/09/23 PHP
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
Jquery iframe内部出滚动条
2010/02/11 Javascript
非主流的textarea自增长实现js代码
2011/12/20 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
2014/03/14 Javascript
jQuery EasyUI Pagination实现分页的常用方法
2016/05/21 Javascript
Javascript vue.js表格分页,ajax异步加载数据
2016/10/24 Javascript
Vue.js教程之axios与网络传输的学习实践
2017/04/29 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
JS判断微信扫码的方法
2017/08/07 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
jQury Ajax使用Token验证身份实例代码
2017/09/22 Javascript
Angular表格神器ui-grid应用详解
2017/09/29 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
npm 语义版本控制详解
2019/09/10 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
JS Web Flex弹性盒子模型代码实例
2020/03/10 Javascript
vue总线机制(bus)知识点详解
2020/05/10 Javascript
python登录QQ邮箱发信的实现代码
2013/02/10 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
python中正则表达式与模式匹配
2019/05/07 Python
转预备党员政审材料
2014/02/06 职场文书
食品药品安全责任书
2015/05/11 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书
2016优秀教师先进个人事迹材料
2016/02/25 职场文书
再见,2019我们不负使命;你好,2020我们砥砺前行
2020/01/03 职场文书
Java Socket实现多人聊天系统
2021/07/15 Java/Android