【JS】substring方法与substr的区别

JavaScript 提供了两个用于截取字符串的方法：substring 和 substr。虽然它们在功能上有些类似，但在使用和行为上存在一些差异。本文将对这两个方法进行全面比较，并提供示例代码来说明它们的用法和区别。

1. substring 方法

substring(startIndex, endIndex) 方法用于从字符串中提取从 startIndex 到 endIndex -1（不包括 endIndex）之间的子字符串。如果省略 endIndex 参数，则将提取从 startIndex 到字符串末尾的所有字符。

const str = "Hello, World!";
const result = str.substring(0, 5); // "Hello"

2. substr 方法

substr(startIndex, length) 方法用于从字符串中提取从 startIndex 开始的 length个字符的子字符串。

const str = "Hello, World!";
const result = str.substr(0, 5); // "Hello"

3. 参数说明

• substring：接受两个参数，分别是起始索引和结束索引。
• substr：接受两个参数，分别是起始索引和要提取的字符数量。

4. 差异比较

• 参数类型：
  • substring 方法接受的是起始索引和结束索引。
  • substr 方法接受的是起始索引和要提取的字符数量。
• 负数处理：
  • substring 方法会将负数参数转换为 0。
  • substr 方法可以接受负数参数，表示从字符串末尾开始计数。
• endIndex 超出范围：
  • substring 方法会自动调整参数，使其落在合法范围内。
  • substr 方法会将超出范围的长度截断，而不会调整起始索引。

5. 示例代码

const str = "Hello, World!";
console.log(str.substring(0, 5)); // "Hello"
console.log(str.substr(0, 5)); // "Hello"
console.log(str.substring(7)); // "World!"
console.log(str.substr(7)); // "World!"
console.log(str.substring(7, 20)); // "World!"
console.log(str.substr(7, 20)); // "World!"
console.log(str.substring(-3)); // "Hello, World!"
console.log(str.substr(-3)); // "ld!"

最后

虽然 substring 和 substr 方法在某些情况下可以互换使用，但它们的参数和行为上存在一些差异。在使用时，需要根据具体需求选择合适的方法，并注意其不同之处，以避免出现意外的结果。