JavaScript作为一门广泛应用于前端开发的编程语言，其内置的字符串处理功能十分强大。substring()方法是处理字符串时非常常用的一个方法，本文将详细探讨substring()方法的用法、参数、返回值以及一些实际应用中的例子，帮助开发者更好地理解和使用这一方法。

什么是substring方法？

substring()是JavaScript中用于提取字符串中介于两个指定下标之间的字符的方法，它不会修改原始字符串，而是返回一个新的字符串，这个方法特别适用于从较长的文本中提取特定部分的信息。

substring方法的基本语法

string.substring(indexStart, indexEnd)

indexStart: 子字符串的起始索引（包含）。

indexEnd: 子字符串的结束索引（不包含）。

如果不传递参数，则返回整个字符串，如果只传递一个参数，则从该索引开始到字符串末尾。

参数说明

1、indexStart: 必须是一个非负整数，如果这个参数大于或等于字符串的长度，则返回空字符串。

2、indexEnd: 可选参数，如果省略，则默认为字符串的长度，如果该参数小于indexStart，则返回空字符串。

返回值

返回一个新字符串，该字符串是从原字符串中提取出来的，范围在indexStart和indexEnd之间（不包括indexEnd位置的字符）。

示例代码

let str = "Hello, World!";
console.log(str.substring(0, 5));   // 输出: Hello
console.log(str.substring(7));      // 输出: World!
console.log(str.substring(0));      // 输出: Hello, World!
console.log(str.substring(-1, 5));  // 输出: (空字符串，因为起始索引无效)
console.log(str.substring(3, 1));   // 输出: (空字符串，因为结束索引小于起始索引)

注意事项

- 如果indexStart大于或等于字符串长度，或者indexEnd小于indexStart，则返回空字符串。

substring()方法不会改变原始字符串的内容。

- 与slice()方法不同，substring()不接受负数作为参数。

实际应用案例

案例1：提取用户输入的姓氏

假设我们有一个包含全名的字符串，需要提取出姓氏部分。

let fullName = "John Doe";
let firstSpaceIndex = fullName.indexOf(" ");
let lastName = fullName.substring(firstSpaceIndex + 1);
console.log(lastName);  // 输出: Doe

案例2：从URL中提取主机名

如果我们想从一个给定的URL中提取主机名部分。

let url = "https://www.example.com/path/page";
let protocolEndIndex = url.indexOf("://") + 3;
let hostNameEndIndex = url.indexOf("/", protocolEndIndex);
let hostName = url.substring(protocolEndIndex, hostNameEndIndex);
console.log(hostName);  // 输出: www.example.com

案例3：截取固定长度的字符串

有时候我们需要确保显示的文本不会超过一定长度，超出部分用省略号表示。

function truncateText(text, maxLength) {
    if (text.length > maxLength) {
        return text.substring(0, maxLength - 3) + "...";
    } else {
        return text;
    }
}
console.log(truncateText("This is a very long text that needs to be truncated.", 20));
// 输出: This is a very ...

通过本文的介绍，我们了解了JavaScript中substring()方法的基本概念、语法、参数以及实际应用。substring()是一个简单而强大的工具，可以帮助我们轻松地从字符串中提取所需的部分，在实际开发中，合理运用substring()可以简化很多文本处理任务，提高代码的效率和可读性，希望这篇文章能帮助你更好地掌握和使用substring()方法。