JavaScript取子串方法slice,substr,substring对比表
在程序语言中,字符串可以说是最常用的一种类型,而在程序中对字符串的操作也是十分频繁。当程序语言自带多种字符串操作的方法时,用该语言编程程序时就有很多的便利性,提高开发的效率。但是当方法过多,甚至目的相似、参数雷同的时候,就容易造成迷惑难以选择的窘境。
在JavaScript中就有这样的情况出现,对于取字符串的子串的操作,JavaScript提供了三种不同的方法:slice,substr,substring。虽然在网上随便搜索一下,就可以找到介绍三者区别的文章,但是每次使用的时候,依然会迷糊无从选择。因此结合网上介绍的区别,在本文中将它们的异同之处罗列在表中,方便参照和区分。
测试字符串: "0123456789"
浏览器:Chrome Version 29.0.1547.76
操作系统:Mac OS X Version 10.8.5
参数 | 方法 | ||||
参数1 | 参数2 | slice(begin[, end]) | substr(start[, length]) | substring(from[, to]) | |
参数/结果 | 7 | 789 | 789 | 789 | |
说明 | 只有参数1,省略参数2 | 从参数1指定的坐标截取到字符串结尾 | |||
参数/结果 | -3 | 789 | 789 | 0123456789 | |
说明 | 参数1为负数 | 从字符串末尾开始计算位置* | 视为0 | ||
参数/结果 | 21 | ||||
说明 | 参数1大于或等于字符串长度 | 视为字符串长度,即返回空字符串 | |||
参数/结果 | “3.21″ | 3456789 | 3456789 | 3456789 | |
说明 | 参数1为浮点数或只含数字的字符串 | 类似parseInt()将数值转换成整形 | |||
参数/结果 | NaN | 0123456789 | 0123456789 | 0123456789 | |
说明 | 参数1非为有效数值 | 非有效数值视为视为0 | |||
参数/结果 | 3 | 7 | 3456 | 3456789 | 3456 |
说明 | 既有参数1,又有参数2 | 从参数1的位置截取到参数2的位置 | 从参数1的位置截取长度为参数2的字符 | 同slice() | |
参数/结果 | 7 | 3 | 789 | 3456 | |
说明 | 参数1大于参数2 | 返回空字符串 | 从参数1的位置截取长度为参数2的字符 | 交换参数1和参数2再进行截取 | |
参数/结果 | 3 | -3 | 3456 | 012 | |
说明 | 参数2为负数 | 负数从字符末尾开始计算位置 | 视为长度0,返回空字符串 | 交换参数,负数视为0 | |
参数/结果 | 3 | 21 | 3456789 | 3456789 | 3456789 |
说明 | 参数2大于或等于字符串长度 | 视为字符串长度,结果同省略参数2 | |||
参数/结果 | 3 | NaN | 012 | ||
说明 | 参数2非为有效数值 | 非有效数值视为0,返回空字符串 | 非有效数值视为0,因长度为0返回空字符串 | 非有效数值视为0,交换参数进行截取 | |
参数/结果 | -7 | -3 | 3456 | ||
说明 | 参数1和参数2都为负数 | 从字符串末尾开始计算位置 | 长度为负数,返回空字符串 | 负数视为0,返回空字符串 | |
参数/结果 | -7 | 7 | 3456 | 3456789 | 0123456 |
说明 | 参数1为正数,参数2为负数 | (自动套用上边的规则,不解释) |
*从字符串末尾开始计算位置:-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推;也可视为字符串长度与负数之和的位置,若结果小于0,则视为0。
从上述表格对比中不难看出,三个方法之间的主要区别如下:
- 三个方法的参数1都代表子串开始位置,参数2在slice和substring中表示结束位置,而在substr中代表的则是子串长度;
- 对于负数态度,当出现在参数1的位置时,slice和substr从末尾开始计算,而substring不支持末尾计数法直接视为0;当出现在参数2位置时,slice和substring的处理同参数1:前者从末尾开始计算,后者转换成0,而substr则视负数长度为0返回空串;
- 对于参数1小于参数2的情况,substring最大的不同在于它会交换两个参数再截取子串,substr因第二参数表示的是长度因此并无异常,slice曽依然正常搜寻子串始末位置,若开始位置在结尾后边则返回空串。
根据MDN对substr的描述,在IE下可能并不支持负数从末尾计算的方式。
字符串 | 参数1 | 参数2 | 运行 | slice | substr | substring |
iderzheng | iderzheng.com | iderzheng |
References:
- String – JavaScript | MDN
- What is the difference between String.slice and String.substring in JavaScript? – Stack Overflow
- Slice vs Substr vs Substring vs [ ] Methods · jsPerf
JavaScript取子串方法slice,substr,substring对比表的更多相关文章
- JavaScript中,提取子字符串方法:Slice、Substring、Substr的比较。
在JavaScript中,提取子字符串主要是通过 Slice.Substring.Substr 三个方法之一. // slice // 语法: string.slice(beginSlice [, e ...
- slice splice(数组) 和 slice substr substring split (字符串)的区别
array.slice(start,end)slice()如果不传入参数二,那么将从参数一的索引位置开始截取,一直到数组尾如果两个参数中的任何一个是负数,array.length会和它们相加 stri ...
- JS-字符串截取方法slice、substring、substr的区别
一.使用 slice() 截取 1,函数说明 slice() 方法可通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分.语法如下: stringObject.slice(s ...
- [javascript string] slice();substr();substring();之间的区别
今天遇到这个问题,发现ぜんぜんわすねまます3个方法,直接上代码吧,[网络版本较多就不注明参考过哪些了 -0- ] var test = 'hello world'; //均一位参数测试 console ...
- JavaScript截取字符串的Slice、Substring、Substr函数简单比较还有indexof函数应用
//截取字符,一看就明白!!! var str = "0123456789"; alert(str.substring(5)); 弹出 //56789 alert(str.subs ...
- js截取字符串方法整理slice(), substr(), substring(), split()
substr(start,length) stringObject.substr(start,length) //start,截取起始下标,-1 指字符串最后一个字符,-2 指倒数第二个字符开始 ...
- javascript中String 对象slice 和substring 区别
1.slice(start,stop)和substring(start,stop) 方法都是用于提取字符串中从start开始到stop-1间的字符(因为字符串索引是从0开始).其中 start必 ...
- slice,substr,substring
var s = '0123456789'; //slice 遇负数,则此负数值等同于 s.length + (负数) s.slice(3,6); //"345", 从位置3开始 ...
- slice,substr,substring的区别
<!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Prope ...
随机推荐
- UIDatePicker 日期/时间选取器(滚轮)—IOS开发
UIDatePicker 是一个控制器类,封装了 UIPickerView,但是他是UIControl的子类,专门用于接受日期.时间和持续时长的输入.日期选取器的各列会按照指定的风格进行自动配置,这样 ...
- Hibernate的关联映射——双向1-N关联
Hibernate的关联映射--双向1-N关联 对于1-N的关联,Hibernate推荐使用双向关联,而且不要让1的一端控制关联关系,而是用N的一端控制关联关系.双线的1-N关联和N-1关联是两种相同 ...
- jquery总结05-常用事件04-委托事件
委托事件on 多个事件绑定同一个函数 $("#elem").on("mouseover mouseout",function(){ });通过空格分离,传递不同 ...
- RMAN的入门篇
一.RMAN连接数据库 1. 连接本地数据库 [oracle@oracle hotbak]$ export oracle_sid=orcl [oracle@oracle hotbak]$ rman ...
- jQuery实现两个按钮的位置互换
页面上有2个按钮A和B.点击按钮A和按钮B互换位置 ,点击按钮B和按钮A互换位置.应该如何实现? html代码如下: <body> <!--页面上有2个按钮A和B. 点击按钮A和按钮 ...
- 转:C++ Boost/tr1 Regex(正则表达式)快速指南
C++ Boost/tr1 Regex(正则表达式)快速指南 正则表达式自Boost 1.18推出,目前已经成为C++11(tr1)的标准部分. 本文以Boost 1.39正则表达式为基础,应该广泛适 ...
- static代码块与{}代码块的比较
第一个例子: public class StaticDemo { { System.out.println("{} 代码块"); } static{ System.out.prin ...
- linux笔记:shell基础-环境变量配置文件
source命令(重新读入配置文件,不用重启就直接生效): 环境变量配置文件: linux中的环境变量配置文件(~代表当前用户的家目录): 配置文件读取顺序: /etc/profile 文件的作用:
- cxf笔记记录
一.Web Service框架介绍: 1. WebService框架的作用: -- WebService只是一种思想,不是一个具体的框架. -- 它也是javaEE的规范. -- 它可以跨平台(操作平 ...
- Android DisplayMetrics类获取屏幕大小
DisplayMetrics public class DisplayMetrics extends Object java.lang.Object ↳ android.util.Disp ...