JS中substring与substr的用法

JS中的substring和substr是用来截取字符串的方法，这两个方法虽然都能实现截取字符串的功能，但是它们有一些不同之处。以下是详细的讲解：

substring方法

substring方法是用来截取字符串中的一部分，它接受两个参数，分别是起始位置和结束位置（不包括结束位置的字符）。如果只传入了一个参数，则从该参数所在位置截取到字符串末尾。

以下是一个示例：

let myStr = "Hello World!";
let slicedStr = myStr.substring(0, 5);
console.log(slicedStr); // "Hello"

上面的代码中，substring方法从索引位置0开始截取字符串，直到索引位置5（不包含）结束，因此返回的字符串是"Hello"。

如果只传入了一个参数，则从该参数所在位置截取到字符串末尾。以下是一个示例：

let myStr = "Hello World!";
let slicedStr = myStr.substring(6);
console.log(slicedStr); // "World!"

上面的代码中，substring方法从索引位置6开始截取，一直截取到字符串末尾，因此返回的字符串是"World!"。

需要注意的是，如果传入的参数有负数，则会被视为0。另外，如果起始位置大于结束位置，则substring方法会自动交换这两个参数进行截取。

substr方法

substr方法也是用来截取字符串中的一部分，它接受两个参数，分别是起始位置和截取的长度。如果只传入了一个参数，则从该参数所在位置截取到字符串末尾。

以下是一个示例：

let myStr = "Hello World!";
let slicedStr = myStr.substr(6, 6);
console.log(slicedStr); // "World!"

上面的代码中，substr方法从索引位置6开始截取长度为6的字符串，因此返回的字符串是"World!"。

如果只传入了一个参数，则从该参数所在位置截取到字符串末尾。以下是一个示例：

let myStr = "Hello World!";
let slicedStr = myStr.substr(6);
console.log(slicedStr); // "World!"

上面的代码中，substr方法从索引位置6开始截取，一直截取到字符串末尾，因此返回的字符串是"World!"。

需要注意的是，substr方法的第二个参数指定的是要截取的长度，而不是结束位置。如果长度大于字符串剩余长度，则截取到字符串末尾。如果第一个参数为负数，则被视为字符串末尾加上该参数的值。

总体来说，substring和substr两个方法的使用方法有一定的差别，需要根据实际情况选择使用。如果需要根据结束位置来截取字符串，则应该使用substring方法；如果需要根据长度来截取字符串，则应该使用substr方法。