深入理解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 相关文章推荐
List Installed Hot Fixes
Jun 12 Javascript
Javascript hasOwnProperty 方法 &amp; in 关键字
Nov 26 Javascript
javascript prototype,executing,context,closure
Dec 24 Javascript
Javascript load Page,load css,load js实现代码
Mar 31 Javascript
浅谈javascript的原型继承
Jul 25 Javascript
node.js中的path.extname方法使用说明
Dec 09 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
JS中用try catch对代码运行的性能影响分析
Dec 26 Javascript
js读取json文件片段中的数据实例
Mar 09 Javascript
网页中的图片查看器viewjs使用方法
Jul 11 Javascript
详解vuex的简单todolist例子
Jul 14 Javascript
JavaScript async/await原理及实例解析
Dec 02 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中字符查找函数strpos、strrchr与strpbrk用法
2014/11/18 PHP
PHP生成RSS文件类实例
2014/12/05 PHP
PHP实现简单汉字验证码
2015/07/28 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
jquery禁用右键单击功能屏蔽F5刷新
2014/03/17 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
BootStrap 超链接变按钮的实现方法
2016/09/25 Javascript
微信小程序 wxapp导航 navigator详解
2016/10/31 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
2017/02/15 Javascript
从零开始做一个pagination分页组件
2017/03/15 Javascript
Vue2 Vue-cli中使用Typescript的配置详解
2017/07/24 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
Node登录权限验证token验证实现的方法示例
2020/05/25 Javascript
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
python中的闭包用法实例详解
2015/05/05 Python
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
Python制作exe文件简单流程
2019/01/24 Python
python异常触发及自定义异常类解析
2019/08/06 Python
企业职业病防治方案
2014/05/29 职场文书
中学学校门卫岗位职责
2014/08/15 职场文书
高中毕业典礼演讲稿
2014/09/09 职场文书
实习介绍信模板
2015/01/30 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书
上课迟到检讨书范文
2015/05/06 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书
使用Golang的channel交叉打印两个数组的操作
2021/04/29 Golang
python opencv通过4坐标剪裁图片
2021/06/05 Python
使用qt quick-ListView仿微信好友列表和聊天列表的示例代码
2021/06/13 Python
MySQL系列之十三 MySQL的复制
2021/07/02 MySQL
springboot + mongodb 通过经纬度坐标匹配平面区域的方法
2021/11/01 MongoDB
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL
Rust中的Struct使用示例详解
2022/08/14 Javascript