深入理解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 相关文章推荐
JavaScript延迟加载
Mar 09 Javascript
XML的代替者----JSON
Jul 21 Javascript
JavaScript对象创建及继承原理实例解剖
Feb 28 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
Sep 26 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
Mar 05 Javascript
浅谈javascript基础之客户端事件驱动
Jun 10 Javascript
canvas 绘制圆形时钟
Feb 22 Javascript
AngularJS基于MVC的复杂操作实例讲解
Dec 31 Javascript
vue项目如何刷新当前页面的方法
May 18 Javascript
浅谈JS对象添加getter与setter的5种方法
Jun 09 Javascript
Vue.js中的extend绑定节点并显示的方法
Jun 20 Javascript
ant design charts 获取后端接口数据展示
May 25 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
二次元帅气男生排行榜,只想悄悄收藏系列
2020/03/04 日漫
PHP一些有意思的小区别
2006/12/06 PHP
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
php中smarty区域循环的方法
2015/06/11 PHP
PhpStorm配置Xdebug调试的方法步骤
2019/02/02 PHP
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
javascript给span标签赋值的方法
2015/11/26 Javascript
深入解析JavaScript中的立即执行函数
2016/05/21 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
2016/10/10 Javascript
解决VUEX刷新的时候出现数据消失
2017/07/03 Javascript
JS实现字符串中去除指定子字符串方法分析
2018/05/17 Javascript
vue实现新闻展示页的步骤详解
2019/04/11 Javascript
vue数据响应式原理知识点总结
2020/02/16 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
谈谈JavaScript中的函数
2020/09/08 Javascript
[01:00]一分钟回顾2018DOTA2亚洲邀请赛现场活动
2018/04/07 DOTA
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
python实现ipsec开权限实例
2014/11/11 Python
Python set常用操作函数集锦
2017/11/15 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
Python生成指定数量的优惠码实操内容
2019/06/18 Python
python实现获取单向链表倒数第k个结点的值示例
2019/10/24 Python
Python修改列表值问题解决方案
2020/03/06 Python
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
美国祛痘、抗衰老药妆品牌:Murad
2016/08/27 全球购物
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
办公室内勤工作职责
2013/12/11 职场文书
最新党员思想汇报
2014/01/01 职场文书
出国留学经济担保书
2014/04/01 职场文书
个人总结与自我评价
2014/09/18 职场文书
检讨书1000字
2014/10/11 职场文书
群众路线教育实践活动学习笔记内容
2014/11/06 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
学校工会工作总结2015
2015/05/19 职场文书