js中substring和substr两者区别和使用方法


Posted in Javascript onNovember 09, 2015

在开始之前,先回顾下js中下标(数组元素/字符串中字符下标):
下标总是从0开始计数,例如
var arr = [1,2,3];//数组的长度为3,元素下标依次为:0,1,2
arr[0] = 1,arr[1]=2..
字符串类似:如var s = "hello";//字符串长度为5,第一个字符'h'的下标为0,依次类推

js中substring和substr两者区别和使用方法

String.substring( ):用于返回一个字符串的子串
用法如下:string.substring(from, to)
其中from指代要抽去的子串第一个字符在原字符串中的位置
to指代所要抽去的子字符串最后一个字符的后一位(这个参数可以不加)

下面就对String.substring( )做举例

1、string.substring(from):此时相当于从from位置截取到原字符串末尾

var s = "hello";
s.substring(1);//就是从下标为1的字符(这里是'e')开始起到字符串末尾全部截取,最终获得子串"ello"

js中substring和substr两者区别和使用方法

2、string.substring(from, to):从from位置截取到to-1的位置

var s = "hello";
s.substring(1,3);//相当于从位置为1的字符截取到位置为2的字符,得到子串为:"el"

js中substring和substr两者区别和使用方法

String.substr( ):作用也是抽去一个子串,但是它和上面的String.substring( )有所不同
用法如下:string.substr(start, length)
start:指代截取子串开始下标
length:截取子串的长度(可省略)
1、string.substr(start, length):先举个例子来说明:

var s = "hello";
s.substr(1,3);//从下标为1的字符开始截取3个字符长度,最后子串为:ell

js中substring和substr两者区别和使用方法

补充两种特殊情况:
a、第二个参数超过了剩余字符长度

var s = "hello";
s.substr(1,7)//这种情况下默认从,start位置到原字符串末尾,即返回:"ello"

js中substring和substr两者区别和使用方法

b、第一个参数为负数
这种情况,从字符串尾部开始计算,-1指字符串最后一个字符,-2指倒数第二个字符...依次类推

var s = "hello";
s.substr(-3,2)//即从倒数第三个字符开始起截取2个长度,获得:"ll"

js中substring和substr两者区别和使用方法

2、string.substr(start)不带length参数,默认指代从start位置截取到字符串末尾

var s = "hello";
s.substr(3)//"lo"

js中substring和substr两者区别和使用方法

以上就是关于js中substring和substr区别与用法的详细介绍,大家可以结合之前的相关文章进行学习,希望对大家的学习有所帮助。

Javascript 相关文章推荐
JavaScript写的一个DIV 弹出网页对话框
Aug 14 Javascript
各浏览器对click方法的支持差异小结
Jul 31 Javascript
jquery预览图片实现鼠标放上去显示实际大小
Jan 16 Javascript
javascript操作excel生成报表示例
May 08 Javascript
JavaScript DOM节点添加示例
Jul 16 Javascript
jquery选择器需要注意的问题
Nov 26 Javascript
webapp框架AngularUI的demo改造之路
Dec 21 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
深入解析koa之异步回调处理
Jun 17 Javascript
基于JavaScript实现单例模式
Oct 30 Javascript
JavaScript交换变量常用4种方法解析
Sep 02 Javascript
浅析js中substring和substr的方法
Nov 09 #Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 #Javascript
比较常见的javascript中定义函数的区别
Nov 09 #Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 #Javascript
表单验证正则表达式实例代码详解
Nov 09 #Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 #Javascript
JavaScript获取页面中超链接数量的方法
Nov 09 #Javascript
You might like
使用PHP计算两个路径的相对路径
2013/06/14 PHP
php中file_get_content 和curl以及fopen 效率分析
2014/09/19 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
类似框架的js代码
2006/11/09 Javascript
不同浏览器对回车提交表单的处理办法
2010/02/13 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
2013/12/30 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
jquery实现的动态回到顶部特效代码
2015/10/28 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
js实现九宫格的随机颜色跳转
2017/02/19 Javascript
JavaScript中数组Array方法详解
2017/02/27 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
2017/03/09 Javascript
分享十三个最佳JavaScript数据网格库
2017/04/07 Javascript
js单页hash路由原理与应用实战详解
2017/08/14 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
Vue 源码分析之 Observer实现过程
2018/03/29 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
Javascript如何实现双指控制图片功能
2020/02/25 Javascript
[01:03]PWL开团时刻DAY6——别打我
2020/11/05 DOTA
Python中使用第三方库xlrd来读取Excel示例
2015/04/05 Python
Python的迭代器和生成器
2015/07/29 Python
Windows下Python2与Python3两个版本共存的方法详解
2017/02/12 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
Python 调用有道翻译接口实现翻译
2020/03/02 Python
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
经济学人订阅:The Economist
2018/07/19 全球购物
澳大利亚珍珠首饰购物网站:Vayo Pearls
2019/03/11 全球购物
eVitamins日本:在线购买折扣维生素、补品和草药
2019/04/04 全球购物
工商学院毕业生个人自我评价
2013/09/19 职场文书
污水厂厂长岗位职责
2014/01/04 职场文书
民主评议党员工作总结
2014/10/20 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers