深入理解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 相关文章推荐
js escape,unescape解决中文乱码问题的方法
May 26 Javascript
用jQuery模拟select下拉框的简单示例代码
Jan 26 Javascript
用js格式化金额可设置保留的小数位数
May 09 Javascript
jquery.validate使用时遇到的问题
May 25 Javascript
微信浏览器禁止页面下拉查看网址实例详解
Jun 28 Javascript
BootStrap的双日历时间控件使用
Jul 25 Javascript
解决Layui中templet中a的onclick参数传递的问题
Sep 20 Javascript
vuex存值与取值的实例
Nov 06 Javascript
基于jQuery实现挂号平台首页源码
Jan 06 jQuery
如何在Vue中使localStorage具有响应式(思想实验)
Jul 14 Javascript
nuxt 实现在其它js文件中使用store的方式
Nov 05 Javascript
使用js原生实现年份轮播选择效果实例
Jan 12 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 header示例代码(推荐)
2010/09/08 PHP
php中unlink()、mkdir()、rmdir()等方法的使用介绍
2012/12/21 PHP
基于OpenCart 开发支付宝,财付通,微信支付参数错误问题
2015/10/01 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
PHP扩展安装方法步骤解析
2020/11/24 PHP
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
解决JS浮点数运算出现Bug的方法
2013/03/12 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
2013/05/07 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
2013/05/30 Javascript
jQuery随便控制任意div隐藏的方法
2013/06/28 Javascript
js判断当前浏览器类型,判断IE浏览器方法
2014/06/02 Javascript
JQuery给网页更换皮肤的方法
2015/05/30 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
2018/04/26 Javascript
微信小程序数据统计和错误统计的实现方法
2019/06/26 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
2020/04/09 Javascript
Python程序设计入门(4)模块和包
2014/06/16 Python
Python Tkinter基础控件用法
2014/09/03 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
python使用socket实现的传输demo示例【基于TCP协议】
2019/09/24 Python
详解pyinstaller selenium python3 chrome打包问题
2019/10/18 Python
多视角3D逼真HTML5水波动画
2016/03/03 HTML / CSS
html5+css如何实现中间大两头小的轮播效果
2018/12/06 HTML / CSS
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
HomeAway澳大利亚:预订你的度假屋,公寓、度假村、别墅等
2019/02/20 全球购物
最畅销的视频游戏享受高达90%的折扣:CDKeys
2020/02/10 全球购物
文明礼仪演讲稿
2014/05/12 职场文书
公司2014年度工作总结
2014/12/10 职场文书
委托书格式要求
2015/01/28 职场文书
辛亥革命观后感
2015/06/02 职场文书
中学教师读书笔记
2015/07/01 职场文书
导游词幽默开场白
2019/06/26 职场文书
python实现ROA算子边缘检测算法
2021/04/05 Python
浅析Django接口版本控制
2021/06/26 Python