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 相关文章推荐
接收键盘指令的脚本
Jun 26 Javascript
js操作iframe父子窗体示例
May 22 Javascript
require.js的用法详解
Oct 20 Javascript
基于jQuery实现select下拉选择可输入附源码下载
Feb 03 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
Mar 01 Javascript
vue增加强缓存和版本号的实现方法
May 01 Javascript
Node.js安装详细步骤教程(Windows版)详解
Sep 01 Javascript
微信小程序 行的删除和增加操作实现详解
Sep 29 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
vue 父组件通过v-model接收子组件的值的代码
Oct 27 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 Javascript
vue界面发送表情的实现代码
Sep 11 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下删除字符串中HTML标签的函数
2008/08/27 PHP
php 模拟get_headers函数的代码示例
2013/04/27 PHP
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
php格式化时间戳显示友好的时间实现思路及代码
2014/10/23 PHP
CI框架常用函数封装实例
2016/11/21 PHP
PHP之认识(二)关于Traits的用法详解
2019/04/11 PHP
javascript引导程序
2008/10/26 Javascript
自写简单JS判断是否已经弹出页面
2010/10/20 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
JavaScript中setUTCFullYear()方法的使用简介
2015/06/12 Javascript
第六篇Bootstrap表格样式介绍
2016/06/21 Javascript
学习Angular中作用域需要注意的坑
2016/08/17 Javascript
深入理解JavaScript中的并行处理
2016/09/22 Javascript
JavaScript模板引擎Template.js使用详解
2016/12/15 Javascript
Node层模拟实现multipart表单的文件上传示例
2018/01/02 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
深入了解响应式React Native Echarts组件
2019/05/29 Javascript
Python简明入门教程
2015/08/04 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
在Python中获取两数相除的商和余数方法
2018/11/10 Python
pyttsx3实现中文文字转语音的方法
2018/12/24 Python
python中实现控制小数点位数的方法
2019/01/24 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
通过Python编写一个简单登录功能过程解析
2019/09/04 Python
pytorch绘制并显示loss曲线和acc曲线,LeNet5识别图像准确率
2020/01/02 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
SmartBuyGlasses荷兰:购买太阳镜和眼镜
2020/03/16 全球购物
感恩教育月活动总结
2014/07/07 职场文书
幸福终点站观后感
2015/06/04 职场文书
老人节主持词
2015/07/04 职场文书
2016年感恩节活动总结大全
2016/04/01 职场文书
Python 批量下载阴阳师网站壁纸
2021/05/19 Python
Nginx禁止ip访问或非法域名访问
2022/04/07 Servers
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers