在JavaScript编程中，字符串操作是常见的需求之一，而`substring`和`substr`是两个非常实用的方法，用于提取字符串的一部分。尽管它们的功能相似，但各自的参数含义和使用场景略有不同。本文将详细介绍这两个方法的定义及其具体用法，帮助开发者更好地掌握它们。
`substring` 方法
`substring` 方法用于从一个字符串中提取子字符串，并返回该子字符串。它的语法如下：
```javascript
str.substring(startIndex, endIndex)
```
- `startIndex`：指定开始提取的位置索引（包括该位置字符）。
- `endIndex`：指定结束提取的位置索引（不包括该位置字符）。如果省略此参数，则默认提取到字符串末尾。
使用示例
```javascript
let str = "Hello World";
console.log(str.substring(0, 5)); // 输出 "Hello"
console.log(str.substring(6));// 输出 "World"
```
需要注意的是，`substring`不会对负值或超出范围的索引产生影响，它会自动将其调整为合法范围。例如：
```javascript
console.log("abcdef".substring(-3, 2)); // 输出 "ab"
```
`substr` 方法
`substr` 方法同样用于提取字符串的一部分，但它以不同的方式定义参数。其语法如下：
```javascript
str.substr(startIndex, length)
```
- `startIndex`：指定开始提取的位置索引（包括该位置字符）。
- `length`：指定要提取的字符数量。如果省略此参数，则提取从`startIndex`开始到字符串末尾的所有字符。
使用示例
```javascript
let str = "Hello World";
console.log(str.substr(6, 5)); // 输出 "World"
console.log(str.substr(6)); // 输出 "World"
```
与`substring`相比，`substr`更直观地通过长度来控制提取范围，但在现代开发中，由于其兼容性问题逐渐减少，推荐优先使用`substring`。
区别与注意事项
虽然`substring`和`substr`都能实现字符串截取，但两者在参数定义和行为上存在差异：
1. 参数含义：
- `substring`的第一个参数是起始位置，第二个参数是结束位置（不包含）。
- `substr`的第一个参数是起始位置，第二个参数是长度。
2. 负值处理：
- `substring`会忽略负值并将其视为`0`。
- `substr`则允许负值作为相对位置计算。
3. 兼容性：
- `substr`在某些旧环境中可能存在兼容性问题，因此建议尽量使用`substring`。
4. 性能考量：
- 在大多数情况下，`substring`的性能优于`substr`。
总结
无论是`substring`还是`substr`，都是JavaScript中处理字符串的重要工具。掌握它们的区别和适用场景，能够显著提升代码的可读性和效率。在实际开发中，推荐优先选用`substring`，因其功能强大且兼容性更好。希望本文能为你提供清晰的指导，助你在项目中游刃有余地运用这些方法！
