javascript中substring()、substr()、slice()的区别

在JavaScript中，字符截取是常见的操作，而slice()、substring()和substr()这三个方法则是最常用的字符截取函数。接下来，我将为大家详细介绍这三个方法的使用方法和彼此间的区别。

我们来看看substring()方法。这个方法接受两个参数：start和s。其中，start是必需的，表示要提取的子串的第一个字符在字符串中的位置。而s是可选的，如果提供，表示子串的一个字符在字符串中的位置加1。也就是说，substring()会提取介于两个指定下标之间的字符。值得注意的是，这个方法不接受负参数，start从0开始，到s（不包含s）结束。

接下来是substr()方法。这个方法也接受两个参数：start和length。start表示要抽取的子串的起始下标，必须是数值。如果提供的是负数，那么该参数声明从字符串的尾部开始算起的位置。length表示子串中的字符数，也是必须为数值。如果省略了这个参数，那么substr()会从字符串的开始位置提取到结尾。

最后是slice()方法。这个方法的工作方式与substring()有些相似，也接受两个参数：start和end。start表示要抽取的片段的起始下标，如果为负数，则表示从字符串尾部开始的位置。end表示紧接着要抽取的片段的结尾的下标。如果只提供了一个参数，slice()会从该位置开始返回剩余字符串；如果提供了两个参数，则会从第一个位置开始返回到第二个位置（不包括第二个位置）的字符串。

以一个实例来说明：假设我们有一个字符串“hello world”，通过调用这些方法并传递不同的参数，我们可以得到不同的结果。例如：

alert(stringValue.slice(3)) // 返回“lo world”

alert(stringValue.substring(3)) // 返回“lo world”

alert(stringValue.substr(3)) // 返回“lo world”

alert(stringValue.slice(3,7)) // 返回“lo w”

alert(stringValue.substring(3,7)) // 返回“lo w”

alert(stringValue.substr(3,4)) // 返回“lo wor”

这三个方法的主要区别在于参数的灵活性和返回结果的处理方式。在实际使用中，我们可以根据具体需求选择适合的方法来进行字符截取操作。JavaScript中的字符串操作：slice(), substring() 和 substr() 的比较

当我们处理字符串时，经常会用到 slice(), substring() 和 substr() 这三个方法。它们都可以提取字符串的一部分，但处理负值参数的方式有所不同。

假设我们有这样一个字符串：var stringValue = “hello world”。让我们看看当参数是负值的情况下，这三个方法分别会返回什么。

1. string.slice()：当使用负值参数时，slice() 会将负值与字符串长度相加。例如，stringValue.slice(-3) 会返回 “rld”。

2. string.substring()：当参数为负值时，substring() 会将所有负值转换为0。stringValue.substring(-3) 会返回完整的字符串 “hello world”。

3. string.substr()：substr() 的处理方式稍有不同。它将负的第一个参数加上字符串长度，并将第二个参数转换为0。stringValue.substr(-3) 会返回 “rld”。与slice()不同的是，substr() 在处理第二个参数为负数时会有问题，它会返回空字符串。

让我们再看看一些组合参数的情况。例如，stringValue.slice(3,-4) 返回 “lo w”，而 stringValue.substring(3,-4) 返回 “hel”。对于 substr()，由于处理负值的特性，结果会是一个空字符串。值得注意的是，IE的JavaScript实现中，向substr() 方法传递负值的情况存在问题，它会返回原始的字符串。这可能是与其他浏览器实现的一个差异。

当我们处理字符串并需要处理负值参数时，了解这些方法的行为是很重要的。选择哪个方法取决于我们的具体需求以及我们想要实现的特定行为。在某些情况下，可能需要使用其他方法来确保我们得到期望的结果。