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 相关文章推荐
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
jqgrid 简单学习笔记
May 03 Javascript
js replace替换所有匹配的字符串
Feb 13 Javascript
js函数调用的方式
May 06 Javascript
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
JS Ajax请求如何防止重复提交
Jun 13 Javascript
Javascript 事件冒泡机制详细介绍
Oct 10 Javascript
JS实现滑动门效果的方法详解
Dec 19 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
May 03 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
vue实现折线图 可按时间查询
Aug 21 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
MySQL相关说明
2007/01/15 PHP
php获取操作系统语言代码
2013/11/04 PHP
PHP编译安装时常见错误解决办法
2015/05/28 PHP
使用Entrust扩展包在laravel 中实现RBAC的功能
2020/03/16 PHP
10个实用的脚本代码工具
2010/05/04 Javascript
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
2014/01/24 Javascript
JS弹出层单纯的绝对定位居中示例代码
2014/02/18 Javascript
bootstrap实现弹窗和拖动效果
2016/01/03 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
简单实现jQuery进度条轮播实例代码
2016/06/20 Javascript
JS二叉树的简单实现方法示例
2017/04/05 Javascript
vue将对象新增的属性添加到检测序列的方法
2018/02/24 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
小程序实现抽奖动画
2020/04/16 Javascript
vue.js中ref和$refs的使用及示例讲解
2019/08/14 Javascript
JS数组的高级使用方法示例小结
2020/03/14 Javascript
Antd表格滚动 宽度自适应 不换行的实例
2020/10/27 Javascript
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
详解Python with/as使用说明
2018/12/13 Python
简单了解python反射机制的一些知识
2019/07/13 Python
Python常用库Numpy进行矩阵运算详解
2020/07/21 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
正宗的日本零食和糖果订阅盒:Bokksu
2019/11/21 全球购物
Vrbo英国:预订度假屋
2020/08/19 全球购物
金融专业推荐信
2013/11/14 职场文书
最经典的商业地产项目广告词
2014/03/13 职场文书
外语专业毕业生自荐信
2014/04/14 职场文书
优秀会计求职信
2014/07/04 职场文书
关于诚信的活动方案
2014/08/18 职场文书
信息与工商管理职业规划范文:为梦想而搏击
2014/09/11 职场文书
2014最新毕业证代领委托书
2014/09/26 职场文书
2014年家长学校工作总结
2014/11/20 职场文书
英文慰问信
2015/02/14 职场文书
运动会加油稿50字
2015/07/21 职场文书