原生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入门教程(12) js对象化编程
Jan 31 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
css与javascript跨浏览器兼容性总结
Sep 15 Javascript
使用jQuery实现input数值增量和减量的方法
Jan 24 Javascript
prototype框架中美元符号$用法分析
Jan 22 Javascript
jquery弹出遮掩层效果【附实例代码】
Apr 28 Javascript
微信小程序 教程之WXSS
Oct 18 Javascript
Node.js Sequelize如何实现数据库的读写分离
Oct 23 Javascript
详解javascript立即执行函数表达式IIFE
Feb 13 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
Vue实现自定义下拉菜单功能
Jul 16 Javascript
Vue自定义render统一项目组弹框功能
Jun 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
Zend引擎的发展 [15]
2006/10/09 PHP
Laravel搭建后台登录系统步骤详解
2016/07/26 PHP
Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法
2016/10/08 PHP
php生成复杂验证码(倾斜,正弦干扰线,黏贴,旋转)
2018/03/12 PHP
JavaScript方法和技巧大全
2006/12/27 Javascript
Js 刷新框架页的代码
2010/04/13 Javascript
浅谈Javascript实现继承的方法
2015/07/06 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
javascript和jquery实现用户登录验证
2016/05/04 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
2016/10/25 Javascript
AngularJS实现自定义指令与控制器数据交互的方法示例
2017/06/19 Javascript
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
2018/08/09 jQuery
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
对于防止按钮重复点击的尝试详解
2019/04/22 Javascript
React优化子组件render的使用
2019/05/12 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
2019/08/02 Javascript
通过js实现压缩图片上传功能
2020/02/25 Javascript
Python 除法小技巧
2008/09/06 Python
K-近邻算法的python实现代码分享
2017/12/09 Python
python 读取摄像头数据并保存的实例
2018/08/03 Python
10个Python小技巧你值得拥有
2018/09/29 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
Python reversed函数及使用方法解析
2020/03/17 Python
matplotlib阶梯图的实现(step())
2021/03/02 Python
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
2016/06/28 HTML / CSS
香港迪士尼乐园酒店预订:Hong Kong Disneyland Hotels
2017/05/02 全球购物
C语言面试题
2013/05/19 面试题
项目建议书怎么写
2014/05/15 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
钱学森电影观后感
2015/06/04 职场文书
于丹论语心得观后感
2015/06/15 职场文书
母亲去世追悼词
2015/06/23 职场文书
nginx请求限制配置方法
2021/07/09 Servers