深入理解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 相关文章推荐
ExtJs 3.1 XmlTreeLoader Example Error
Feb 09 Javascript
jquery ready()的几种实现方法小结
Jun 18 Javascript
JavaScript类和继承 this属性使用说明
Sep 03 Javascript
基于jquery的给文章加入关键字链接
Oct 26 Javascript
jQuery中:lt选择器用法实例
Dec 29 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
JS实现点击链接切换显示隐藏内容的方法
Oct 19 Javascript
解决vue 路由变化页面数据不刷新的问题
Mar 13 Javascript
Node.js中package.json中库的版本号(~和^)
Apr 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
解析wamp5下虚拟机配置文档
2013/06/27 PHP
PHP概率计算函数汇总
2015/09/13 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
在网页中屏蔽快捷键
2006/09/06 Javascript
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
什么是Node.js?Node.js详细介绍
2014/06/01 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
2014/08/19 Javascript
jQuery UI库中dialog对话框功能使用全解析
2016/04/23 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
2016/06/28 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
js 获取json数组里面数组的长度实例
2017/10/31 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
2018/01/31 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
使用puppeteer爬取网站并抓出404无效链接
2018/12/20 Javascript
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
解决pytorch 的state_dict()拷贝问题
2021/03/03 Python
HTML中fieldset标签概述及使用方法
2013/02/01 HTML / CSS
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
Boden英国官网:英国知名原创时装品牌
2018/11/06 全球购物
介绍下java.util.Arrays类
2012/10/16 面试题
Unix/Linux开发面试题
2016/08/16 面试题
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
法律七进实施方案
2014/03/15 职场文书
社区服务标语
2014/07/01 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
致800米运动员广播稿(10篇)
2014/10/17 职场文书
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis
带你了解Java中的ForkJoin
2022/04/28 Java/Android