在 JavaScript 编程中，字符串处理是常见的需求之一。而为了实现字符串的截取操作，`substring` 和 `substr` 是两个非常实用的方法。尽管它们的功能类似，但在具体使用上还是存在一些细微的区别。
`substring` 方法
`substring` 方法用于提取从起始索引到终止索引之间的字符部分（不包括终止索引位置的字符）。其语法如下：
```javascript
str.substring(startIndex, endIndex)
```
- startIndex：必需，表示起始索引的位置。
- endIndex：可选，表示结束索引的位置。如果省略，则从 `startIndex` 开始一直截取到字符串末尾。
注意：`substring` 不会改变原始字符串，而是返回一个新的字符串。
示例代码：
```javascript
let str = "Hello World";
let result = str.substring(0, 5);
console.log(result); // 输出 "Hello"
```
`substr` 方法
`substr` 方法同样用于提取字符串的一部分，但它通过指定起始索引以及要截取的字符数量来实现。其语法如下：
```javascript
str.substr(startIndex, length)
```
- startIndex：必需，表示起始索引的位置。
- length：可选，表示要截取的字符长度。如果省略，则从 `startIndex` 开始一直截取到字符串末尾。
注意：与 `substring` 类似，`substr` 也不会改变原始字符串，而是返回一个新的字符串。
示例代码：
```javascript
let str = "Hello World";
let result = str.substr(6, 5);
console.log(result); // 输出 "World"
```
区别对比
虽然 `substring` 和 `substr` 都可以用来截取字符串，但它们之间存在以下几点主要区别：
1. 参数含义不同：
- `substring` 的第二个参数是结束索引位置，表示截取范围的上限。
- `substr` 的第二个参数是截取长度，表示从起始索引开始需要保留的字符数量。
2. 参数顺序处理：
- 如果传入的参数中 `startIndex > endIndex`，`substring` 会自动交换这两个值。
- `substr` 则不会检查参数顺序，如果传递错误可能会导致意外结果。
3. 兼容性问题：
- `substr` 在某些环境中可能不被支持（例如 Node.js 环境下），因此建议优先使用 `substring`。
总结
无论是 `substring` 还是 `substr`，都是 JavaScript 中处理字符串的重要工具。开发者可以根据实际需求选择合适的方法进行字符串截取操作。同时，在编写代码时需要注意两者参数的不同含义及潜在的风险，以确保代码的健壮性和可维护性。
希望本文能帮助大家更好地理解并正确运用这两个方法！
