深入理解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 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
15 个 JavaScript Web UI 库
May 19 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
Jun 28 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
JavaScript中的prototype原型学习指南
May 09 Javascript
jQuery Mobile动态刷新页面样式的实现方法
May 28 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
javascript显示动态时间的方法汇总
Jul 06 Javascript
详解KOA2如何手写中间件(装饰器模式)
Oct 11 Javascript
JS实现拼图游戏
Jan 29 Javascript
js实现小星星游戏
Mar 23 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函数,php爱好者站推荐
2007/03/19 PHP
浅析php fwrite写入txt文件的时候用 \r\n不能换行的问题
2013/08/06 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
PHP 极验验证码实例讲解
2016/09/29 PHP
Mac下快速搭建PHP开发环境步骤详解
2019/05/05 PHP
调试php程序的简单步骤
2019/10/04 PHP
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
jQuery 获取对象 基本选择与层级
2010/05/31 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
js定时器的使用(实例讲解)
2014/01/06 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
2016/12/27 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
2017/03/10 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
2017/03/31 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
Vue中的验证登录状态的实现方法
2019/03/09 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
利用Bootstrap Multiselect实现下拉框多选功能
2019/04/08 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
2019/07/06 Javascript
Python 命令行参数sys.argv
2008/09/06 Python
python 数据加密代码
2008/12/24 Python
Python 开发Activex组件方法
2009/11/08 Python
使用Python 统计高频字数的方法
2019/01/31 Python
python聚类算法解决方案(rest接口/mpp数据库/json数据/下载图片及数据)
2019/08/28 Python
利用Python脚本批量生成SQL语句
2020/03/04 Python
Python 忽略文件名编码的方法
2020/08/01 Python
html5 datalist标签使用示例(自动完成组件)
2014/05/04 HTML / CSS
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
美国批发供应商:Kole Imports
2019/04/10 全球购物
保护环境的宣传语
2015/07/13 职场文书
教你如何用Python实现人脸识别(含源代码)
2021/06/23 Python
JavaScript 数组去重详解
2021/09/15 Javascript
java如何实现socket连接方法封装
2021/09/25 Java/Android
剑指Offer之Java算法习题精讲二叉树专项训练
2022/03/21 Java/Android
Win11更新失败并提示0xc1900101
2022/04/19 数码科技