javascript中不易分清的slice,splice和split三个函数


Posted in Javascript onMarch 29, 2016

每每见到这三个函数,我都会很懵,一定要到网上搜搜;今天,恰巧又见到了它们,所以想必是时候为它们做个笔记啦

1.slice(数组)

用法:array.slice(start,end)

解释:该方法是对数组进行部分截取,并返回一个数组副本;参数start是截取的开始数组索引,end参数等于你要取的最后一个字符的位置值加上1(可选)

//如果不传入参数二,那么将从参数一的索引位置开始截取,一直到数组尾
var a=[1,2,3,4,5,6];
var b=a.slice(0,3);  //[1,2,3]
var c=a.slice(3);    //[4,5,6]

//如果两个参数中的任何一个是负数,array.length会和它们相加,试图让它们成为非负数,举例说明:
//当只传入一个参数,且是负数时,length会与参数相加,然后再截取
var a=[1,2,3,4,5,6];
var b=a.slice(-1);  //[6]

//当只传入一个参数,是负数时,并且参数的绝对值大于数组length时,会截取整个数组
var a=[1,2,3,4,5,6];
var b=a.slice(-6);  //[1,2,3,4,5,6]
var c=a.slice(-8);  //[1,2,3,4,5,6]

//当传入两个参数一正一负时,length也会先于负数相加后,再截取
var a=[1,2,3,4,5,6];
var b=a.slice(2,-3);  //[3]

//当传入一个参数,大于length时,将返回一个空数组
var a=[1,2,3,4,5,6];
var b=a.slice(6);//[]

2.slice(字符串)

用法:string.slice(start,end)

解释:slice方法复制string的一部分来构造一个新的字符串,用法与参数匀和数组的slice方法一样;end参数等于你要取的最后一个字符的位置值加上1

//举个简单的例子
var a="i am a boy";
var b=a.slice(0,6);  //"i am a"

3.splice(数组)

用法:array.splice(start,deleteCount,item...)

解释:splice方法从array中移除一个或多个数组,并用新的item替换它们。参数start是从数组array中移除元素的开始位置。参数deleteCount是要移除的元素的个数。

如果有额外的参数,那么item会插入到被移除元素的位置上。它返回一个包含被移除元素的数组。

//举一个简单的例子
var a=['a','b','c'];
var b=a.splice(1,1,'e','f');  //a=['a','e','f','c'],b=['b']

4.split(字符串)

用法:string.split(separator,limit)

解释:split方法把这个string分割成片段来创建一个字符串数组。可选参数limit可以限制被分割的片段数量。separator参数可以是一个字符串或一个正则表达式。如果

separator是一个空字符,会返回一个单字符的数组。

//再举一个简单的例子
var a="0123456";
var b=a.split("",3);  //b=["0","1","2"]

以上就是本文的全部内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
Dom 是什么的详细说明
Oct 25 Javascript
Javascript this 的一些学习总结
Aug 02 Javascript
JavaScript控制Session操作方法
Jan 17 Javascript
Js控制弹窗实现在任意分辨率下居中显示
Aug 01 Javascript
jQuery实现动画效果的简单实例
Jan 27 Javascript
js 自带的 map() 方法全面了解
Aug 16 Javascript
解决vue props 拿不到值的问题
Sep 11 Javascript
element-ui 时间选择器限制范围的实现(随动)
Jan 09 Javascript
TypeScript中的方法重载详解
Apr 12 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
JS实现TITLE悬停长久显示效果完整示例
Feb 11 Javascript
Vue 请求传公共参数的操作
Jul 31 Javascript
分析js闭包引起的事件注册问题
Mar 29 #Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
Mar 29 #Javascript
Angularjs实现多个页面共享数据的方式
Mar 29 #Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
Mar 29 #Javascript
JavaScript面向对象程序设计教程
Mar 29 #Javascript
jQuery实现图片加载完成后改变图片大小的方法
Mar 29 #Javascript
Web前端开发工具——bower依赖包管理工具
Mar 29 #Javascript
You might like
PHP实时显示输出
2008/10/02 PHP
PHP读取PPT文件的方法
2015/12/10 PHP
PHP 接入微信扫码支付总结(总结篇)
2016/11/03 PHP
PHP获取当前执行php文件名的代码
2017/03/02 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
PHP实现十进制数字与二十六进制字母串相互转换操作示例
2018/08/10 PHP
如何在PHP中生成随机数
2020/06/04 PHP
js判断样式className同时增加class或删除class
2013/01/30 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
浅述Javascript的外部对象
2016/12/07 Javascript
node.js学习之交互式解释器REPL详解
2016/12/08 Javascript
使用js获取伪元素的content实例
2017/10/24 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
微信小程序开发实现消息推送
2020/11/18 Javascript
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
python中引用与复制用法实例分析
2015/06/04 Python
Swift中的协议(protocol)学习教程
2016/07/08 Python
使用python编写udp协议的ping程序方法
2018/04/22 Python
Python和Go语言的区别总结
2019/02/20 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
python 实现任务管理清单案例
2020/04/25 Python
matplotlib 多个图像共用一个colorbar的实现示例
2020/09/10 Python
python 偷懒技巧——使用 keyboard 录制键盘事件
2020/09/21 Python
Agoda.com官方网站:便宜预订全球酒店,高达80%的折扣
2018/04/04 全球购物
We Fashion荷兰:一家国际时装公司
2018/04/18 全球购物
工程造价专业大学生自荐信
2013/10/01 职场文书
小学运动会开幕词
2016/03/04 职场文书
受欢迎的自荐信,就这么写!
2019/04/19 职场文书
小学作文指导之如何写人?
2019/07/08 职场文书
Appium中scroll和drag_and_drop根据元素位置滑动
2022/02/15 Python
vue项目支付功能代码详解
2022/02/18 Vue.js
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python