深入理解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 相关文章推荐
提高代码性能技巧谈—以创建千行表格为例
Jul 01 Javascript
快速排序 php与javascript的不同之处
Feb 22 Javascript
JavaScript判断变量是否为undefined的两种写法区别
Dec 04 Javascript
jQuery后代选择器用法实例
Dec 23 Javascript
jquery显示loading图片直到网页加载完成的方法
Jun 25 Javascript
利用Jquery队列实现根据输入数量显示的动画
Sep 01 Javascript
jQuery实现根据生日计算年龄 星座 生肖
Nov 23 Javascript
Canvas + JavaScript 制作图片粒子效果
Feb 08 Javascript
10个最优秀的Node.js MVC框架
Aug 24 Javascript
使用JavaScript生成罗马字符的实例代码
Jun 08 Javascript
node.js实现带进度条的多文件上传
Mar 27 Javascript
JS中比Switch...Case更优雅的多条件判断写法
Sep 05 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用正则表达式匹配URL的简单方法
2013/11/12 PHP
初识PHP
2014/09/28 PHP
PHP分享图片的生成方法
2018/04/25 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
javaScript中的原型解析【推荐】
2016/05/05 Javascript
Vue.js render方法使用详解
2017/04/05 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
微信小程序实现留言板
2018/10/31 Javascript
vue通过指令(directives)实现点击空白处收起下拉框
2018/12/06 Javascript
python解析发往本机的数据包示例 (解析数据包)
2014/01/16 Python
python实现绘制树枝简单示例
2014/07/24 Python
讲解Python中if语句的嵌套用法
2015/05/14 Python
python僵尸进程产生的原因
2017/07/21 Python
和孩子一起学习python之变量命名规则
2018/05/27 Python
解决Python3 被PHP程序调用执行返回乱码的问题
2019/02/16 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
Python 内存管理机制全面分析
2021/01/16 Python
详解HTML5中rel属性的prefetch预加载功能使用
2016/05/06 HTML / CSS
Aveda美国官网:天然护发产品、洗发水、护发素和沙龙
2016/12/09 全球购物
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
June Jacobs尊积帕官网:知名的spa水疗护肤品牌
2019/03/21 全球购物
美国相机和电子产品零售商:Beach Camera
2020/11/26 全球购物
什么是Smarty变量操作符?如何使用Smarty变量操作符
2014/07/18 面试题
机械专业毕业生自荐信
2013/11/02 职场文书
临床医师专业个人自我评价范文
2013/11/07 职场文书
《童年的发现》教学反思
2014/02/14 职场文书
房屋租赁协议书范本
2014/04/10 职场文书
全国优秀辅导员事迹材料
2014/05/14 职场文书
2015年党风廉政建设目标责任书
2015/05/08 职场文书
趣味运动会标语口号
2015/12/26 职场文书
Go标准容器之Ring的使用说明
2021/05/05 Golang
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL