详解slice，substring，substr的区别

最新推荐文章于 2023-08-28 16:27:15 发布

子月吾生

最新推荐文章于 2023-08-28 16:27:15 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： slice substring substr 截取字符串 js

本文链接：https://blog.csdn.net/Sunday97/article/details/108238960

JS 专栏收录该内容

32 篇文章

订阅专栏

本文详细介绍了JavaScript中slice、substring和substr的区别。这三种方法都用于从字符串中截取子字符串，但参数含义和处理负数方式不同。slice和substring接受起始和结束位置，不包括结束位置，而substr则接受起始位置和返回长度。substring按较小参数作为起始，较大参数为结束，slice会将负数转换为长度加负数。所有方法都不会改变原字符串。此外，slice适用于数组和字符串，substring和substr仅限于字符串。当参数为负数时，slice将其加到长度，substr只将第一个负数参数加到长度，第二个转为0，substring将负数参数全部转为0。最后，提到了splice方法，它影响原数组，仅适用于数组，可进行截取和插入操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

slice,substring和substr的区别

都接收两个参数，slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度。其中substring是以两个参数中较小一个作为起始位置，较大的参数作为结束位置，slice是将后面小的参数转化为0
三者都不影响原字符串，返回的是截取到的值；slice是数组和字符串都可以使用，substring和substr只有字符串可以使用。
参数有负数的情况下：slice是将负数与字符串长度相加作为结果；substr则仅仅是将第一个参数与字符串长度相加后的结果作为第一个参数，第二个负参数转化为0；substring则干脆将负参数都直接转换为0。
补充splice方法：和slice方法的区别是它会影响原数组，它是只有数组可以使用，字符串不能使用，它可以有三个参数，splice(first,middle,last)，其中first是要开始截取的位置，middle是要截取的个数，last是要插入的项目

各种案例如下：

//参数都是比较正常的情况下
var str = "01234";
var result = str.slice(0,2);
console.log(result);//01 
result = substring(0,2);
console.log(result);//01 
result = str.substr(0,2);
console.log(result);//01 

//参数后面比前面小的时候
var result = str.slice(2,0);
console.log(result);//返回空字符串
result = str.substring(2,0);
console.log(result);//01

//参数都是负数的情况下
var str = "01234";
var result = str.slice(-3,-1);//23
result = str.substring(-3,-1);//返回空字符串
result = str.substr(-3,-1);//返回空字符串

//参数一个是负数的情况下
result = str.slice(-1,5);//4
result = str.substring(-1,5);//01234
result = str.substr(-1,5);//4