深入理解JS中的substr和substring


Posted in Javascript onApril 26, 2016

substr 方法

返回一个从指定位置开始的指定长度的子字符串。
stringvar.substr(start [, length ])
参数
stringvar
必选项。要提取子字符串的字符串文字或 String 对象。
start
必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length
可选项。在返回的子字符串中应包括的字符个数。
说明
如果 length 为 0 或负数,将返回一个空字符串。如果没有指定该参数,则子字符串将延续到 stringvar 的最后。

示例
下面的示例演示了substr 方法的用法。

function SubstrDemo(){  
var s, ss; // 声明变量。  
var s = "The rain in Spain falls mainly in the plain.";  
ss = s.substr(12, 5); // 获取子字符串。  
return(ss); // 返回 "Spain"。 
}
举例:  
<script type="text/javascript">  
var str = "0123456789";//  
alert(str.substring(0));//------------"0123456789"  
alert(str.substring(5));//------------"56789"  
alert(str.substring(10));//-----------""  
alert(str.substring(12));//-----------""  
alert(str.substring(-5));//-----------"0123456789"  
alert(str.substring(-10));//----------"0123456789"  
alert(str.substring(-12));//----------"0123456789"  
alert(str.substring(0,5));//----------"01234"  
alert(str.substring(0,10));//---------"0123456789"  
alert(str.substring(0,12));//---------"0123456789"  
alert(str.substring(2,0));//----------"01"  
alert(str.substring(2,2));//----------""  
alert(str.substring(2,5));//----------"234"  
alert(str.substring(2,12));//---------"23456789"  
alert(str.substring(2,-2));//---------"01"  
alert(str.substring(-1,5));//---------"01234"  
alert(str.substring(-1,-5));//--------""  
alert(str.substr(0));//---------------"0123456789"  
alert(str.substr(5));//---------------"56789"  
alert(str.substr(10));//--------------""  
alert(str.substr(12));//--------------""  
alert(str.substr(-5));//--------------"0123456789"  
alert(str.substr(-10));//-------------"0123456789"  
alert(str.substr(-12));//-------------"0123456789"  
alert(str.substr(0,5));//-------------"01234"  
alert(str.substr(0,10));//------------"0123456789"  
alert(str.substr(0,12));//------------"0123456789"  
alert(str.substr(2,0));//-------------""  
alert(str.substr(2,2));//-------------"23"  
alert(str.substr(2,5));//-------------"23456"  
alert(str.substr(2,12));//------------"23456789"  
alert(str.substr(2,-2));//------------""  
alert(str.substr(-1,5));//------------"01234"  
alert(str.substr(-1,-5));//-----------""  
</script>

substring 方法

返回位于 String 对象中指定位置的子字符串。
strVariable.substring(start, end)
"String Literal".substring(start, end)
参数
start
指明子字符串的起始位置,该索引从 0 开始起算。
end
指明子字符串的结束位置,该索引从 0 开始起算。
说明
substring 方法将返回一个包含从 start 到最后(不包含 end )的子字符串的字符串。
substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点。例如, strvar.substring(0, 3) 和 strvar.substring(3, 0) 将返回相同的子字符串。
如果 start 或 end 为 NaN 或者负数,那么将其替换为0。
子字符串的长度等于 start 和 end 之差的绝对值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。

示例
下面的示例演示了 substring 方法的用法。

function SubstringDemo(){  
var ss; // 声明变量。  
var s = "The rain in Spain falls mainly in the plain..";  
ss = s.substring(12, 17); // 取子字符串。  
return(ss); // 返回子字符串"Spain"。 
}

以上这篇深入理解JS中的substr和substring就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
Feb 12 Javascript
js中document.write的那点事
Dec 12 Javascript
node.js+express制作网页计算器
Jan 17 Javascript
javascript实现在网页中运行本地程序的方法
Feb 03 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
解决vue单页面应用中动态修改title问题
Jun 09 Javascript
JavaScript中的null和undefined用法解析
Sep 30 Javascript
微信小程序可滑动周日历组件使用详解
Oct 21 Javascript
JavaScript实现省份城市的三级联动
Feb 11 Javascript
vue 弹出遮罩层样式实例
Jul 22 Javascript
js获取页面及个元素高度、宽度的代码
Apr 26 #Javascript
jQuery javascript获得网页的高度与宽度的实现代码
Apr 26 #Javascript
JQuery给select添加/删除节点的实现代码
Apr 26 #Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 #Javascript
js 求时间差的实现代码
Apr 26 #Javascript
Bootstrap表单组件教程详解
Apr 26 #Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 #Javascript
You might like
一个显示天气预报的程序
2006/10/09 PHP
php文件夹与文件目录操作函数介绍
2013/09/09 PHP
CentOS安装php v8js教程
2015/02/26 PHP
php fseek函数读取大文件两种方法
2016/10/12 PHP
Javascript日期对象的dateAdd与dateDiff方法
2008/11/18 Javascript
ExtJS 2.0实用简明教程之应用ExtJS
2009/04/29 Javascript
初窥JQuery(二)事件机制(2)
2010/12/06 Javascript
JS.findElementById()使用介绍
2013/09/21 Javascript
一个不错的仿携程自定义数据下拉选择select
2014/09/01 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
JQuery调用绑定click事件的3种写法
2015/03/28 Javascript
使用Browserify配合jQuery进行编程的超级指南
2015/07/28 Javascript
JS动态插入并立即执行回调函数的方法
2016/04/21 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
vue不通过路由直接获取url中参数的方法示例
2017/08/24 Javascript
Node.js应用设置安全的沙箱环境
2018/04/23 Javascript
react router4+redux实现路由权限控制的方法
2018/05/03 Javascript
详解Vue中使用Echarts的两种方式
2018/07/03 Javascript
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
Vue.js路由实现选项卡简单实例
2019/07/24 Javascript
100行代码实现vue表单校验功能(小白自编)
2019/11/19 Javascript
[02:25]DOTA2英雄基础教程 虚空假面
2014/01/02 DOTA
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
python实现类之间的方法互相调用
2018/04/29 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
美国存储和组织商店:The Container Store
2017/08/16 全球购物
德国隐形眼镜店:LuckyLens
2018/07/29 全球购物
DOUGLAS荷兰:购买香水和化妆品
2020/10/24 全球购物
心理学专业毕业生推荐信范文
2013/11/21 职场文书
中专毕业生的自荐书
2014/07/01 职场文书
大学生党员个人剖析材料
2014/10/08 职场文书
2015年环卫处个人工作总结
2015/07/27 职场文书
golang switch语句的灵活写法介绍
2021/05/06 Golang