js中substring和substr两者区别和使用方法
在开始之前，先回顾下js中下标（数组元素/字符串中字符下标）：
下标总是从0开始计数，例如
var arr = [1,2,3];//数组的长度为3，元素下标依次为：0，1，2
arr[0] = 1,arr[1]=2..
字符串类似：如var s = "hello"；//字符串长度为5，第一个字符'h'的下标为0，依次类推
String.substring( )：用于返回一个字符串的子串
用法如下：string.substring(from, to)
其中from指代要抽去的子串第一个字符在原字符串中的位置
to指代所要抽去的子字符串最后一个字符的后一位（这个参数可以不加）
下面就对String.substring( )做举例：
1、string.substring(from)：此时相当于从from位置截取到原字符串末尾
var s = "hello"; s.substring(1);//就是从下标为1的字符（这里是'e'）开始起到字符串末尾全部截取,最终获得子串"ello"
2、string.substring(from, to)：从from位置截取到to-1的位置
var s = "hello"; s.substring(1，3);//相当于从位置为1的字符截取到位置为2的字符，得到子串为："el"
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
补充两种特殊情况：
a、第二个参数超过了剩余字符长度
var s = "hello"; s.substr(1,7)//这种情况下默认从，start位置到原字符串末尾，即返回："ello"
b、第一个参数为负数
这种情况，从字符串尾部开始计算，-1指字符串最后一个字符，-2指倒数第二个字符...依次类推
var s = "hello"; s.substr(-3,2)//即从倒数第三个字符开始起截取2个长度，获得："ll"
2、string.substr(start)：不带length参数，默认指代从start位置截取到字符串末尾
var s = "hello"; s.substr(3)//"lo"
以上就是关于js中substring和substr区别与用法的详细介绍，大家可以结合之前的相关文章进行学习，希望对大家的学习有所帮助。
- 详解JS截取字符串的三个方法substring,substr,slice
- JS中substring与substr的用法
- js字符串截取函数slice、substring和substr的比较
- 深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
- js中substr,substring,indexOf,lastIndexOf，split，replace的用法详解
- javascript中substring()、substr()、slice()的区别
- javascript中slice(),splice(),split(),substring(),substr()使用方法
- js中substring使用示例详解
相关文章
这篇文章主要介绍了JavaScript数据结构之二叉树的计数算法,结合具体实例形式分析了javascript二叉树记录更新次数的原理与操作技巧,需要的朋友可以参考下2017-04-04
本篇文章主要是对js中的select option对象进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
Object.keys()是遍历一个对象自身的属性名称(不包括继承属性)的最简单方法，这篇文章主要介绍了Object.keys()的用法,本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2023-07-07
JavaScript中如何校验一个URL？最近遇到几次需要校验URL的,所以本文给大家整理一下几个校验URL的方法,文中有详细的代码讲解和图文参考,具有一定的参考价值,需要的朋友可以参考下2023-12-12
这篇文章介绍了javascript实现颜色渐变的方法，有需要的朋友可以参考一下2013-10-10
这篇文章主要为大家详细介绍了javascript代码实现简易计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
JavaScript中一些浮点数相加减会计算错误，本文将为大家具体介绍一下JavaScript中解决任意两数加减会出现错误的方案，需要的可以参考一下2022-02-02
下面小编就为大家分享一篇js中el表达式的使用和非空判断方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
基于javascript实现漂亮的页面过渡动画效果附源码下载
本文通过javascript实现漂亮的页面过滤动画效果，用户通过点击页面左侧的菜单，对应的页面加载时伴随着滑动过滤动画，并带有进度条效果。用户体验度非常好，感兴趣的朋友一起看看吧2015-10-10
这篇文章主要介绍了通过WebSocket实现异步导出,本篇文章记录大批量数据导出时间过长,导致接口请求超时问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2024-01-01
最新评论