深入理解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获取URL中参数值(QueryString)的4种方法分享
Apr 12 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
JavaScript实现网页对象拖放功能的方法
Apr 15 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
Aug 04 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
Aug 08 Javascript
JS实现网页标题随机显示名人名言的方法
Nov 03 Javascript
Node.js开发者必须了解的4个JS要点
Feb 21 Javascript
AngularJS基础 ng-copy 指令实例代码
Aug 01 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
基于jQuery实现Tabs选项卡自定义插件
Nov 21 Javascript
详解webpack和webpack-simple中如何引入css文件
Jun 28 Javascript
基于bootstrap实现多个下拉框同时搜索功能
Jul 19 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 array_slice函数的使用以及参数详解
2008/08/30 PHP
PHP写日志的实现方法
2014/11/05 PHP
php异步多线程swoole用法实例
2014/11/14 PHP
smarty模板引擎之内建函数用法
2015/03/30 PHP
ThinkPHP简单使用memcache缓存的方法
2016/11/15 PHP
我也种棵OO树JXTree[js+css+xml]
2007/04/02 Javascript
jquery中实现标签切换效果的代码
2011/03/01 Javascript
jquery.validate.js插件使用经验记录
2014/07/02 Javascript
解释&amp;&amp;和||在javascript中的另类用法
2014/07/28 Javascript
php,js,css字符串截取的办法集锦
2014/09/26 Javascript
原生js制作简单的数字键盘
2015/04/24 Javascript
javascript实现10个球随机运动、碰撞实例详解
2015/07/08 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
javascript实现拖放效果
2015/12/16 Javascript
AngularJS入门教程之ng-class 指令用法
2016/08/01 Javascript
Javascript 动态改变imput type属性
2016/11/01 Javascript
JS中的事件委托实例浅析
2018/03/22 Javascript
Webpack path与publicPath的区别详解
2018/05/03 Javascript
微信小程序实现弹出菜单
2018/07/19 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
在Python中关于中文编码问题的处理建议
2015/04/08 Python
Python获取某一天是星期几的方法示例
2017/01/17 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
python表格存取的方法
2018/03/07 Python
Python Pexpect库的简单使用方法
2019/01/29 Python
Python中字符串String的基本内置函数与过滤字符模块函数的基本用法
2019/05/27 Python
叙述DBMS对数据控制功能有哪些
2016/06/12 面试题
大学生最新职业生涯规划书范文
2014/01/12 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
重点工程汇报材料
2014/08/27 职场文书
消费者理赔投诉书
2015/07/02 职场文书
投诉书范文
2015/07/02 职场文书
小学生作文写作技巧100例,非常实用!
2019/07/08 职场文书
详解MySQL中的pid与socket
2021/06/15 MySQL
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
pycharm安装深度学习pytorch的d2l包失败问题解决
2022/03/25 Python