在 JavaScript 中，`substring` 是一个非常实用的字符串操作方法，它能够帮助我们从一个字符串中提取出指定范围内的子字符串。这个方法通常用于处理文本数据或解析 URL 等场景。本文将详细介绍 `substring` 的基本用法，并结合实际案例展示如何使用它来截取相对路径。
一、`substring` 方法的基本语法
`substring` 方法的基本语法如下：
```javascript
str.substring(startIndex, endIndex)
```
- startIndex：必需参数，表示起始索引位置。
- endIndex：可选参数，表示结束索引位置（不包括该位置的字符）。如果省略，则返回从 `startIndex` 到字符串末尾的所有字符。
二、`substring` 方法的特性
1. 索引顺序：`substring` 不会检查 `startIndex` 和 `endIndex` 的大小关系，它总是按照起始位置到结束位置的顺序截取字符串。
```javascript
let str = "hello world";
console.log(str.substring(6, 1)); // 输出 "world"
```
即使 `startIndex` 大于 `endIndex`，它也会自动调整为正确的顺序。
2. 不包含 endIndex：`substring` 返回的字符串不包括 `endIndex` 对应的字符。
3. 负数和超出范围的索引：如果传入负值或超出字符串长度的索引，它们会被当作 0 或字符串的长度处理。
```javascript
let str = "hello world";
console.log(str.substring(-5, 10)); // 输出 "hello w"
```
三、截取相对路径的实际应用
假设我们需要从一个完整的 URL 中提取出相对路径部分。例如，给定以下 URL：
```javascript
let url = "https://example.com/path/to/resource?query=123fragment";
```
我们希望只保留从 `/path/to/resource` 开始的部分。可以通过 `substring` 方法实现这一需求。
示例代码：
```javascript
function getRelativePath(url) {
// 找到协议部分的结束位置
let protocolEnd = url.indexOf("//") + 2;
// 找到域名部分的结束位置
let domainEnd = url.indexOf("/", protocolEnd);
// 使用 substring 提取相对路径
return url.substring(domainEnd);
}
let url = "https://example.com/path/to/resource?query=123fragment";
console.log(getRelativePath(url)); // 输出 "/path/to/resource?query=123fragment"
```
解析：
1. 首先找到协议部分（如 `https://`）的结束位置，即 `//` 后面的位置。
2. 然后找到域名部分的结束位置，即第一个 `/` 出现的位置。
3. 最后通过 `substring` 方法从域名部分的结束位置开始截取整个字符串。
四、注意事项
虽然 `substring` 是一个强大的工具，但在使用时需要注意以下几点：
1. 避免混淆：与 `substr` 和 `slice` 方法相比，`substring` 的行为可能不太直观。因此，在编写代码时要确保逻辑清晰，避免因误用而产生错误。
2. 性能考虑：对于非常长的字符串，频繁调用 `substring` 可能会影响性能。在这种情况下，可以考虑其他更高效的字符串处理方式。
总结
`substring` 方法是 JavaScript 中处理字符串的一个基础工具，掌握它的用法可以帮助我们高效地完成许多文本操作任务。通过本文的学习，您应该已经掌握了如何使用 `substring` 来截取相对路径，以及一些相关的注意事项。希望这些知识能够在您的项目开发中发挥实际作用！
