深入理解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 相关文章推荐
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
Jan 23 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
May 12 Javascript
jQuery EasyUI Dialog拖不下来如何解决
Sep 28 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
Mar 24 Javascript
JS实现弹出居中的模式窗口示例
Jun 20 Javascript
jQuery查找节点方法完整实例
Sep 13 Javascript
React-router中结合webpack实现按需加载实例
May 25 Javascript
gulp解决跨域的配置文件问题
Jun 08 Javascript
基于JS脚本语言的基础语法详解
Jul 22 Javascript
JS+CSS实现3D切割轮播图
Mar 21 Javascript
JavaScript实现贪吃蛇游戏
Jun 16 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
星际争霸任务指南——神族
2020/03/04 星际争霸
PHP实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
IE浏览器打印的页眉页脚设置解决方法
2009/12/08 Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
2010/10/15 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
script标签属性用type还是language
2015/01/21 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
js数组去重的5种算法实现
2015/11/04 Javascript
jQuery对象与DOM对象转换方法详解
2016/05/10 Javascript
功能强大的Bootstrap效果展示(二)
2016/08/03 Javascript
移动设备手势事件库Touch.js使用详解
2017/08/18 Javascript
vue.js实现简单轮播图效果
2017/10/10 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
2017/12/20 Javascript
Vue封装Swiper实现图片轮播效果
2018/02/06 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
[02:45]DOTA2英雄基础教程 伐木机
2013/12/23 DOTA
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
python实现AES加密和解密
2019/03/27 Python
numpy.random模块用法总结
2019/05/27 Python
Python3之乱码\xe6\x97\xa0\xe6\xb3\x95处理方式
2020/05/11 Python
详解Python中Pyyaml模块的使用
2020/10/08 Python
CSS3 实现倒计时效果
2020/11/25 HTML / CSS
澳大利亚巧克力花束和礼品网站:Tastebuds
2019/03/15 全球购物
什么是GWT的Entry Point
2013/08/16 面试题
小摄影师教学反思
2014/04/27 职场文书
爱护公共设施演讲稿
2014/09/13 职场文书
热情服务标语
2014/10/07 职场文书
2014年电厂个人工作总结
2014/11/27 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
民间借贷借条范本
2015/05/25 职场文书
超强台风观后感
2015/06/09 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
Python学习之异常中的finally使用详解
2022/03/16 Python