深入理解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 相关文章推荐
JavaScript Eval 函数使用
Mar 23 Javascript
分享20款好玩的jQuery游戏
Apr 17 Javascript
基于jquery实现图片上传本地预览功能
Jan 08 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
May 31 Javascript
JS简单设置下拉选择框默认值的方法
Aug 20 Javascript
Node.js + Redis Sorted Set实现任务队列
Sep 19 Javascript
jQuery对table表格进行增删改查
Dec 22 Javascript
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
详解vue+vuex+koa2开发环境搭建及示例开发
Jan 22 Javascript
详解Vue 全局引入bass.scss 处理方案
Mar 26 Javascript
layui实现点击按钮给table添加一行
Aug 10 Javascript
详解JavaScript 事件流
Sep 02 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三元运算符的结合性介绍
2012/01/10 PHP
php下载excel无法打开的解决方法
2013/12/24 PHP
PHP取余函数介绍MOD(x,y)与x%y
2014/05/15 PHP
PHP模拟asp中response类实现方法
2015/08/08 PHP
PHP检测一个数组有没有定义的方法步骤
2019/07/20 PHP
javascript 数组排序函数
2009/08/20 Javascript
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
JavaScript操作URL的相关内容集锦
2015/10/29 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
2016/10/04 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
js实现华丽的九九乘法表效果
2017/03/29 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
Angular2 组件交互实例详解
2017/08/24 Javascript
Node.js readline 逐行读取、写入文件内容的示例
2018/03/01 Javascript
AngularJS中的作用域实例分析
2018/05/16 Javascript
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
layui的select联动实现代码
2019/09/28 Javascript
[40:50]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第四场
2014/05/24 DOTA
python实现2014火车票查询代码分享
2014/01/10 Python
Python中类的继承代码实例
2014/10/28 Python
python web基础之加载静态文件实例
2018/03/20 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
python绘制规则网络图形实例
2019/12/09 Python
Python tkinter常用操作代码实例
2020/01/03 Python
Django+boostrap 美化admin后台的操作
2020/03/11 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
外贸业务员工作职责
2014/01/06 职场文书
管理失职检讨书
2014/02/12 职场文书
《泉水》教学反思
2014/04/11 职场文书
干部选拔任用方案
2014/05/26 职场文书
篮球比赛策划方案
2014/06/05 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
springboot集成flyway自动创表的详细配置
2021/06/26 Java/Android