深入理解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写的一个TableView控件代码
Jan 23 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
Apr 27 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
JavaScript 垃圾回收机制分析
Oct 10 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
May 15 Javascript
jQuery插件制作之参数用法实例分析
Jun 01 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
Jun 08 Javascript
使用JS读取XML文件的方法
Nov 25 Javascript
vue 粒子特效的示例代码
Sep 19 Javascript
跨域请求两种方法 jsonp和cors的实现
Nov 11 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 Javascript
让JavaScript代码更加精简的方法技巧
Jun 01 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
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
使用PHP实现Mysql读写分离
2013/06/28 PHP
PHP性能分析工具XHProf安装使用教程
2015/05/13 PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
JavaScript中的prototype使用说明
2010/04/13 Javascript
js局部刷新页面时间具体实现
2013/07/04 Javascript
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
ajax+jQuery实现级联显示地址的方法
2015/05/06 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
vue input实现点击按钮文字增删功能示例
2019/01/29 Javascript
Vue中函数防抖节流的理解及应用实现
2020/04/24 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
2020/06/24 Javascript
python通过邮件服务器端口发送邮件的方法
2015/04/30 Python
Python机器学习之SVM支持向量机
2017/12/27 Python
python安装twisted的问题解析
2018/08/21 Python
在python2.7中用numpy.reshape 对图像进行切割的方法
2018/12/05 Python
使用python实现抓取腾讯视频所有电影的爬虫
2019/04/15 Python
python定时复制远程文件夹中所有文件
2019/04/30 Python
python3.6环境安装+pip环境配置教程图文详解
2019/06/20 Python
基于django ManyToMany 使用的注意事项详解
2019/08/09 Python
Pytorch反向求导更新网络参数的方法
2019/08/17 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
详解向scrapy中的spider传递参数的几种方法(2种)
2020/09/28 Python
详解css3自定义滚动条样式写法
2017/12/25 HTML / CSS
基于CSS3实现的几个小loading效果
2018/09/27 HTML / CSS
什么叫做SQL注入,如何防止
2016/10/04 面试题
水电工岗位职责
2014/02/12 职场文书
爬山的活动方案
2014/08/16 职场文书
高一学年自我鉴定范文(3篇)
2014/09/26 职场文书
岗位职责范本大全
2015/02/26 职场文书
pytorch分类模型绘制混淆矩阵以及可视化详解
2022/04/07 Python