原生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方法简洁实现隔行换色及toggleClass的使用
Mar 15 Javascript
Jquery时间验证和转换工具小例子
Jul 01 Javascript
node.js中的buffer.copy方法使用说明
Dec 14 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
Mar 04 Javascript
JS定时器用法分析【时钟与菜单中的应用】
Dec 21 Javascript
用js制作淘宝放大镜效果
Oct 28 Javascript
使用gulp搭建本地服务器并实现模拟ajax
Apr 05 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
快速对接payjq的个人微信支付接口过程解析
Aug 15 Javascript
Bootstrap实现模态框效果
Sep 30 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 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中的float类型使用说明
2010/07/27 PHP
php生成略缩图代码
2012/07/16 PHP
PHP实现根据设备类型自动跳转相应页面的方法
2014/07/24 PHP
phplot生成图片类用法详解
2015/01/06 PHP
PHP7下协程的实现方法详解
2017/12/17 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
基于jquery的表格排序
2010/09/11 Javascript
nodejs教程之环境安装及运行
2014/11/21 NodeJs
js进行表单验证实例分析
2015/02/10 Javascript
JavaScript实现控制打开文件另存为对话框的方法
2015/04/17 Javascript
用jQuery实现可输入多选下拉组合框实例代码
2017/01/18 Javascript
基于rollup的组件库打包体积优化小结
2018/06/18 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
解决vue单页面应用中动态修改title问题
2019/06/09 Javascript
node 解析图片二维码的内容代码实例
2019/09/11 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
2020/04/15 Javascript
JS中作用域以及变量范围分析
2020/07/18 Javascript
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
Python通过OpenCV的findContours获取轮廓并切割实例
2018/01/05 Python
Python检测数据类型的方法总结
2019/05/20 Python
django框架forms组件用法实例详解
2019/12/10 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
Python‘==‘ 及 ‘is‘相关原理解析
2020/09/05 Python
Html5嵌入钉钉的实现示例
2020/06/04 HTML / CSS
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
Bonprix法国:时尚、鞋子、家居
2020/12/29 全球购物
EJB的激活机制
2013/10/25 面试题
业绩考核岗位职责
2014/02/01 职场文书
七年级政治教学反思
2014/02/03 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
2014党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
2014司机年终工作总结
2014/12/05 职场文书
城管个人总结
2015/02/28 职场文书
学生安全责任协议书
2016/03/22 职场文书