一、基本介绍

在JavaScript中，字符串是常见数据类型之一，而在我们操作字符串时，常常需要截取其中一部分。这时，str.substring()方法就派上了用场。该方法用于获取字符串中指定下标之间的字符。

/**
 * 语法：str.substring(startIndex, endIndex)
 * 参数：
 *  startIndex：开始下标，必需。代表截取字符串的起始下标（包括该下标的字符）
 *  endIndex：结束下标，可选。代表截取字符串的结束下标（不包括该下标的字符），若不传递该参数，则截取到字符串末尾。
 * 返回值：字符串。代表从该字符串中的startIndex到endIndex范围内的子字符串。
 */

二、示例演示

我们通过几个具体的示例演示一下str.substring()方法的使用：

1、截取指定下标到末尾的字符串

let str = "Hello world!";
console.log(str.substring(3));  // 输出结果：lo world!

上面代码中，startIndex为3，所以获取的字符串从字符“l”开始。因为没有传递结束下标，所以获取的字符一直到字符串末尾。

2、截取指定下标范围的字符串

let str = "Hello world!";
console.log(str.substring(3, 8));  // 输出结果：lo wo

上面代码中，startIndex为3，代表从第4个字符（含）开始。endIndex为8，代表截止到第9个字符（不含）。

3、截取从后往前数指定下标范围的字符串

let str = "Hello world!";
console.log(str.substring(-5, -1));  // 输出结果：orld

上面代码中，若下标为负数，则从字符串末尾开始往前数，如：startIndex=-5表示从倒数第5个字符（含）开始，endIndex=-1表示截止到倒数第2个字符（不含）。

4、startIndex与endIndex互换

let str = "Hello world!";
console.log(str.substring(8, 3));  // 输出结果：lo wo

上面代码中，虽然startIndex的值大于endIndex，但方法仍然可以正确执行，因为该方法会自动将startIndex和endIndex的值互换。

三、注意事项

str.substring()方法也有一些需要注意的地方：

1、参数类型必须为数字

无论是startIndex还是endIndex，其参数类型必须为数字。如果传入的是非数字类型的参数，该方法会自动将其转化为数字类型。

2、endIndex可选

如果不传入endIndex参数，则该方法会默认截取到字符串的最后一个字符（等同于调用str.substring(startIndex, str.length)）。

3、生成新的字符串

无论startIndex和endIndex之间的字符有没有被修改，该方法都会返回一个新的字符串。原有的字符串不会被修改。

4、字符串下标越界

如果传入的startIndex或endIndex超出字符串长度，该方法仍然可以执行，但会自动将超出边界的下标修正为字符串边界。

四、总结

str.substring()方法在JavaScript的字符串处理中使用频率较高。当我们需要截取字符串的一部分时，可以通过该方法在startIndex和endIndex之间获取所需的字符。在使用该方法时，需要注意参数类型必须为数字、endIndex可选、生成新的字符串、以及字符串下标越界等细节问题。

str.substring()——多方位详解