深入理解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定义对象或数组直接量时各浏览器对多余逗号的处理(json)
Mar 05 Javascript
用js判断页面是否加载完成实现代码
Dec 11 Javascript
javascript实现图片切换的幻灯片效果源代码
Dec 12 Javascript
jquery统计复选框选中示例
Nov 05 Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 Javascript
浅谈Angular文字折叠展开组件的原理分析
Nov 24 Javascript
微信小程序模版渲染详解
Jan 26 Javascript
JS与SQL方式随机生成高强度密码示例
Dec 29 Javascript
详解vue-cli 脚手架 安装
Apr 16 Javascript
超轻量级的js时间库miment使用解析
Aug 02 Javascript
微信小程序实现购物车功能
Nov 18 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获取当前时间不准确问题解决方案
2020/08/14 PHP
javascript遍历控件实例详细解析
2014/01/10 Javascript
DOM 事件流详解
2015/01/20 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
2015/07/27 Javascript
JavaScript兼容浏览器FF/IE技巧
2016/08/14 Javascript
js HTML5 Canvas绘制转盘抽奖
2020/09/13 Javascript
需要牢记的JavaScript基础知识
2016/09/25 Javascript
javascript加载xml 并解析各节点的值(实现方法)
2016/10/12 Javascript
JavaScript队列、优先队列与循环队列
2016/11/14 Javascript
NodeJS安装图文教程
2018/04/19 NodeJs
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
2019/08/20 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[02:55]含熏伴清风,风行者至宝、屠夫身心及典藏宝瓶二展示
2020/09/08 DOTA
python绘图方法实例入门
2015/05/19 Python
Python和Java进行DES加密和解密的实例
2018/01/09 Python
TensorFlow saver指定变量的存取
2018/03/10 Python
python实现图片识别汽车功能
2018/11/30 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
Python datetime 如何处理时区信息
2020/09/02 Python
python如何实现图片压缩
2020/09/11 Python
如何基于Python实现word文档重新排版
2020/09/29 Python
python小技巧——将变量保存在本地及读取
2020/11/13 Python
Julep官网:美容产品和指甲油
2017/02/25 全球购物
关于运动会的稿件
2014/02/02 职场文书
《有趣的发现》教学反思
2014/04/15 职场文书
高中课前三分钟演讲稿
2014/08/18 职场文书
就业协议书样本
2014/08/20 职场文书
KTV门卫岗位职责
2014/10/09 职场文书
怎样写辞职信
2015/02/27 职场文书
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python
Golang 结构体数据集合
2022/04/22 Golang