深入理解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 相关文章推荐
textarea的value是html文件源代码,存成html文件的代码
Apr 20 Javascript
js null,undefined,字符串小结
Aug 21 Javascript
火狐下table中创建form导致两个table之间出现空白
Sep 02 Javascript
使用node.js 制作网站前台后台
Nov 13 Javascript
jquery实现公告翻滚效果
Feb 27 Javascript
轻量级网页遮罩层jQuery插件用法实例
Jul 31 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
Nov 05 Javascript
JS遍历DOM文档树的方法实例详解
Apr 03 Javascript
解决JS表单验证只有第一个IF起作用的问题
Dec 04 Javascript
原生JS实现列表内容自动向上滚动效果
May 22 Javascript
vue路由跳转传递参数的方式总结
May 10 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
一篇不错的PHP基础学习笔记
2007/03/18 PHP
PHP实现域名whois查询的代码(数据源万网、新网)
2010/02/22 PHP
PHP数组循环操作详细介绍 附实例代码
2013/02/03 PHP
PHP中curl_setopt函数用法实例分析
2015/04/16 PHP
php5.x禁用eval的操作方法
2018/10/19 PHP
js post方式传递提交的实现代码
2010/05/31 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
IE中图片的onload事件无效问题和解决方法
2014/06/06 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
Node.js+Express配置入门教程详解
2016/05/19 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
2017/10/31 Javascript
layui select动态添加option的实例
2018/03/07 Javascript
小程序清理本地缓存的方法
2018/08/17 Javascript
对angularJs中$sce服务安全显示html文本的实例
2018/09/30 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
vue中使用vue-print.js实现多页打印
2020/03/05 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
2020/09/17 Javascript
Python cookbook(数据结构与算法)在字典中将键映射到多个值上的方法
2018/02/18 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
解决Python中回文数和质数的问题
2019/11/24 Python
python集合能干吗
2020/07/19 Python
总裁办公室主任职责
2014/01/02 职场文书
师范生的个人求职信范文
2014/01/04 职场文书
公司业务员岗位职责
2014/03/18 职场文书
2014年材料员工作总结
2014/11/19 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS
python中对列表的删除和添加方法详解
2022/02/24 Python
LeetCode189轮转数组python示例
2022/08/05 Python