JS截取字符串的三种方法详解

在开发中，我们经常需要对字符串进行处理，其中截取字符串是一种比较常用的操作。在JavaScript中，我们通过以下三种方式来截取字符串：

1. 使用String对象自带的slice()方法。
2. 使用String对象自带的substring()方法。
3. 使用String对象自带的substr()方法。

接下来，我们将详细讲解以上三种方法的使用。

使用slice()方法截取字符串

slice()方法的语法如下：

string.slice(start, end);

• start参数表示截取的起始位置，包含该位置对应的字符。
• end参数表示截取的结束位置，不包含该位置对应的字符。

例如，我们有一个字符串"Hello World!"，如果想要从中截取"World"，则可以这样做：

const str = "Hello World!";
const result = str.slice(6, 11);
console.log(result); // "World"

使用substring()方法截取字符串

substring()方法的语法如下：

string.substring(start, end);

• start参数表示截取的起始位置，包含该位置对应的字符。
• end参数表示截取的结束位置，不包含该位置对应的字符。

substring()方法与slice()方法的作用类似，但是可以处理start参数大于end参数的情况。当start参数大于end参数时，substring()方法会将两个参数互换。

例如，我们有一个字符串"Hello World!"，如果想要从中截取"World"，则可以这样做：

const str = "Hello World!";
const result = str.substring(6, 11);
console.log(result); // "World"

使用substr()方法截取字符串

substr()方法的语法如下：

string.substr(start, length);

• start参数表示截取的起始位置，包含该位置对应的字符。
• length参数表示要截取的字符长度。

例如，我们有一个字符串"Hello World!"，如果想要从中截取"World"，则可以这样做：

const str = "Hello World!";
const result = str.substr(6, 5);
console.log(result); // "World"

总结

以上就是JS截取字符串的三种方法的详细介绍。我们可以根据实际情况选择使用其中一种方法。如果需要截取的字符数量固定，则使用substr()方法；如果需要处理起始位置大于结束位置的情况，则使用substring()方法；如果需要灵活控制结束位置，则使用slice()方法。