JavaScript中的slice()、substr()和substring()方法详解

简介：本文将详细解释JavaScript中用于字符串操作的slice()、substr()和substring()方法，并通过实例和图表展示它们的使用方法和差异。

在JavaScript中，字符串是不可变的，这意味着一旦创建了字符串，就不能更改它。然而，我们可以使用各种方法来操作或提取字符串中的特定部分。slice()、substr()和substring()是三种常用的方法，它们都可以用来提取字符串的子串。

1. slice()方法

slice()方法返回一个新的字符串对象，它是一个由开始到结束（不包括结束）选择的、由原字符串的浅拷贝构成。原始字符串不会被改变。

语法： str.slice([begin[, end]])

begin：从该索引（包括）到原始字符串的末尾提取子字符串。如果该参数是负数，那么它规定从字符串的尾部开始算起的字符。也就是说，-1 指最后一个字符，-2 指倒数第二个字符，以此类推。
end：在该索引处停止提取子字符串。slice 会提取到 end，但不包括 end。如果该参数是负数，那么它规定从字符串的尾部开始算起的字符。使用 slice() 方法时，如果省略 end，则 slice() 会一直提取到字符串末尾。

示例：

let str = 'Hello, World!';
let subStr = str.slice(0, 5); // 'Hello'
let subStr2 = str.slice(-1); // '!'

2. substr()方法

substr()方法返回从指定位置开始的指定长度的字符。

语法： str.substr(start[, length])

start：必需。一个0到字符串长度之间的整数，表示开始提取子字符串的位置。如果参数是负数，则子字符串从字符串末尾开始提取。
length：可选。一个正整数，表示要提取的子字符串的字符数。如果省略该参数或参数大于字符串的长度，那么返回的子字符串将包含从开始索引到字符串末尾的所有字符。

示例：

let str = 'Hello, World!';
let subStr = str.substr(0, 5); // 'Hello'
let subStr2 = str.substr(-1); // '!'

3. substring()方法

substring()方法返回位于 String 对象中指定位置的子字符串。

语法： str.substring(indexStart[, indexEnd])

indexStart：必需。一个0到字符串长度之间的整数，表示子字符串的开始位置。
indexEnd：可选。一个0到字符串长度之间的整数，表示子字符串的结束位置。如果不指定，则提取到字符串末尾。如果 indexStart 等于 indexEnd，则返回一个空字符串。如果 indexStart 大于 indexEnd，则 substring() 函数会自动交换这两个参数的位置。

示例：

let str = 'Hello, World!';
let subStr = str.substring(0, 5); // 'Hello'
let subStr2 = str.substring(7); // 'World!'

总结：

slice() 方法允许使用负数作为参数，表示从字符串的尾部开始提取字符；而 substr() 和 substring() 不允许。
substr() 方法接受两个参数，第一个参数是开始位置，第二个参数是提取的字符数；而 substring() 方法也接受两个参数，但都是表示位置，第二个参数是结束位置（不包括该位置）。
slice() 和 substring() 方法在处理参数时，如果结束位置小于开始位置，会自动交换两者的位置。而 substr() 不会交换参数。

在实际应用中，选择哪种方法取决于你的具体需求。如果你需要提取从某个位置开始的特定长度的子串，可以使用 substr()。如果你需要提取从某个位置开始到另一个位置（不包括该位置）的子串，那么可以使用 slice() 或 substring()。需要注意的是，由于 substr() 在某些新版本的JavaScript中可能不被支持，因此推荐使用 slice() 或 substring()。

JavaScript中的slice()、substr()和substring()方法详解

最热文章