当前位置：首页 > 源码资料 > 正文内容

js substr和substring的区别，JavaScript中substr与substring方法详解及区别

wzgly1个月前 (07-24)源码资料1

JavaScript中的substr和substring方法都是用于提取字符串的子串，但它们在使用上存在一些区别，substr方法接收三个参数：第一个参数是开始提取的位置，第二个参数是提取的长度，第三个参数可以省略，如果省略第二个参数，将从指定位置提取到字符串末尾，而substring方法也接收两个参数：开始和结束的位置，这两个位置都包含在提取的子串中，如果第二个参数大于开始位置，它将被调整为开始位置的值，substr可以省略长度参数，而substring的结束位置必须大于开始位置。

嗨,大家好！最近我在学习JavaScript字符串处理函数时，遇到了两个特别相似的函数：substr和substring，虽然它们的名字听起来很相似，但它们在使用上还是有一些区别的，我想分享一下我的理解，希望能帮助到大家。

一：函数定义及基本用法

substr函数：substr是JavaScript中用于提取字符串中的一部分的方法，它接受两个参数：第一个参数是要提取的起始位置，第二个参数是要提取的长度。
```
var str = "Hello, world!";
var part = str.substr(7, 5); // 从第7个字符开始提取5个字符
console.log(part); // 输出: world
```
substring函数：substring也是用于提取字符串的一部分，但它只接受两个参数：起始位置和结束位置，需要注意的是，结束位置是不包含在内的。
```
var str = "Hello, world!";
var part = str.substring(7, 12); // 从第7个字符开始提取到第12个字符（不包括第12个字符）
console.log(part); // 输出: world
```

二：参数限制

substr的参数限制：substr的第一个参数可以是负数，表示从字符串末尾开始计算的位置，但第二个参数必须是正数，表示提取的长度。
```
var str = "Hello, world!";
var part = str.substr(-5, 5); // 从倒数第5个字符开始提取5个字符
console.log(part); // 输出: world
```
substring的参数限制：substring的第一个参数可以是负数，表示从字符串末尾开始计算的位置，但第二个参数不能是负数，且必须大于或等于第一个参数。
```
var str = "Hello, world!";
var part = str.substring(-5, 12); // 从倒数第5个字符开始提取到第12个字符（不包括第12个字符）
console.log(part); // 输出: world
```

三：性能差异

substr的性能：substr在处理负数参数时，会先将负数转换为相应的正数位置，这可能会稍微影响性能。
substring的性能：substring在处理负数参数时，会将其转换为相应的正数位置，但不会影响性能。

四：兼容性

substr的兼容性：substr函数在所有现代浏览器中都有很好的兼容性。
substring的兼容性：substring函数同样在所有现代浏览器中都有很好的兼容性。

五：使用场景

substr的使用场景：当需要从字符串的特定位置提取固定长度的子字符串时，可以使用substr。
substring的使用场景：当需要从字符串的特定位置提取到特定位置（不包括结束位置）的子字符串时，可以使用substring。

通过以上分析,我们可以看出，substr和substring虽然功能相似，但在参数限制、性能、兼容性和使用场景上还是有一些区别的，了解这些区别，可以帮助我们更有效地使用这两个函数，希望这篇文章能对大家有所帮助！

其他相关扩展阅读资料参考文献：

JS中substr和substring的区别

基本概念

定义与用途：

substr：JavaScript中的字符串方法，用于从字符串中提取部分字符串，它接受两个参数：起始位置和要提取的字符数。
substring：同样是用于从字符串中提取部分字符串的JavaScript方法，它也接受两个参数，但与substr不同的是，这两个参数是字符的起始和结束位置（基于零索引）。

参数差异

参数设置：

substr的参数：
1. 第一个参数指定子字符串的开始位置。
2. 第二个参数指定子字符串的长度。
substring的参数：
1. 第一个参数指定子字符串的开始位置。
2. 第二个参数指定子字符串结束位置的前一个字符的位置。

功能差异

处理结束位置字符：

substr：不论结束位置字符是否存在于源字符串中,都会按照指定的长度截取字符串。
substring：如果结束位置字符存在于源字符串中，则截取到该字符之前的内容，如果不存在,则截取到字符串的末尾。

处理负数参数：

substr：对于负数参数，substr会将其视为从字符串的末尾开始计算的位置（实际上是计算为字符串长度加上该数值）。
substring：对于负数参数，substring会将其视为零处理,即始终从字符串的起始位置开始。

空字符串处理：

substr：当提供的起始位置超出字符串长度或为负数时,返回一个空字符串。
substring：无论提供的参数如何，始终返回一个至少包含一个字符的字符串（即使起始和结束位置相同），如果参数不合理,将返回一个完整的原始字符串。

性能差异

性能考量：

在处理较长的字符串时，由于substr在处理边界条件和参数时的复杂性，其性能可能略逊于substring，但在大多数情况下，这种差异并不显著，对于大多数应用场景来说，两者性能差异可以忽略不计，但在处理大量数据或追求极致性能的场景下，选择适当的函数可能会带来明显的性能差异，开发者应根据具体需求和场景选择合适的函数，开发者在进行选择时还应考虑代码的可读性和维护性，虽然substr在某些情况下可能更灵活，但substring的边界条件更直观易懂，有助于减少错误和提高代码的可读性，在选择使用哪个函数时，应综合考虑这些因素。实际应用场景举例接下来通过几个实际应用场景来进一步说明两者的差异和使用场景，假设我们有一个字符串变量str="Hello, World!"，我们想从中提取特定的子串，场景一：提取从第6个字符开始的长度为4的子串（即"orld"）使用substr：str.substr(5, 4)使用substring：str.substring(5, 9)（注意结束位置是下一个字符的位置）场景二：提取从第n个字符到最后一个字符的子串如果不知道确切的结束位置或该位置是动态的，使用substr更方便因为它只需要指定起始位置和长度而不需要确切的结束位置总结在实际应用中根据具体需求和场景选择合适的函数可以简化代码提高效率和可读性在性能方面两者差异不大但在处理特定场景时选择合适的函数可以事半功倍总的来说对于大多数常见的字符串操作substring由于其直观易懂和易于使用的特性可能更适合初学者和日常开发但在某些特定场景下使用substr可能会更加灵活和方便了解两者的差异和特点有助于我们在实际开发中做出更明智的选择以上就是关于JavaScript中substr和substring区别的介绍希望对你有所帮助