浅析js中substring和substr的方法

这篇文章主要介绍了JavaScript中的两个字符串处理方法：substring和substr。让我们来深入了解一下这两个方法的工作原理和使用方式。

一、substring方法

substring方法允许我们从给定的起始位置开始，一直到指定的结束位置为止提取字符串中的子串。这个方法的基本语法是：

stringObject.substring(start, end)

其中，start参数是必需的，表示子串的开始位置；end参数是可选的，表示子串的结束位置。需要注意的是，这两个参数都是基于零的索引。这个方法返回的子串包括开始位置的字符，但不包括结束位置的字符。如果开始和结束位置相同，那么返回的是一个空串。如果开始位置大于结束位置，这两个参数会被交换。如果任一参数为负数，那么它将被替换为0。

二、substr方法

substr方法也是从指定位置开始提取字符串中的子串，但它的工作方式略有不同。这个方法的基本语法是：

stringObject.substr(start, length)

其中，start参数是必需的，表示子串的开始位置；length参数是可选的，表示子串的长度。如果start参数为负数，那么它将被替换为str.length与start的差值加1。如果length参数为0或负数，那么返回的是一个空字符串。如果没有指定length参数，那么子字符串将延续到stringObject的末尾。这意味着如果你省略length参数，substr方法的行为将类似于substring方法，从start位置开始直到字符串的末尾。但是需要注意的是，substr方法在ECMAScript 2015规范中已经被废弃，不再推荐使用。现代开发中推荐使用其他方法替代它。例如可以使用slice方法来代替substr方法。slice方法的用法和substr类似，并且它不会抛出错误当索引值为负数时（它会把负数作为字符串长度进行处理）。所以在编写代码时我们更倾向于使用更现代且更健壮的方法来处理字符串操作。无论是substring还是substr方法都是用来处理字符串中特定部分的工具，但理解它们之间的差异以及使用场景是非常重要的。JavaScript中的字符串切片：substring与substr方法

你是否曾经想过如何在JavaScript中操作字符串？比如提取特定的字符或字符序列？今天，我们将一起JavaScript中的两个重要的字符串方法：substring和substr。它们可以帮助我们轻松地从字符串中提取子字符串。让我们一起深入了解这两个方法的工作原理和使用方式。

让我们看一个简单的例子。假设我们有一个字符串str=""，我们可以使用这些方法从字符串中提取特定的部分。

使用substring方法：

alert(str.substring(0)) 将返回整个字符串 ""。

alert(str.substring(5)) 将返回从索引5开始的子字符串 "56789"。

当索引超出字符串长度时，substring方法将返回空字符串。例如，alert(str.substring(10)) 和 alert(str.substring(12)) 都将返回空字符串。

使用负数索引时，substring方法将从字符串的末尾开始计算索引。例如，alert(str.substring(-5)) 将返回整个字符串，因为-5意味着从字符串末尾往前数第5个字符的位置。同样，alert(str.substring(-10)) 和 alert(str.substring(-12)) 也会返回整个字符串。

使用两个参数时，如alert(str.substring(0,5))，将返回从索引0到索引5（不包括索引5）的子字符串 "01234"。类似地，其他参数组合也有相应的返回值。

接下来是substr方法：

substr方法的使用方式与substring相似，但它只接受两个参数。第一个参数是开始提取的位置，第二个参数是提取的字符数。例如，alert(str.substr(0)) 返回整个字符串，alert(str.substr(5, 5)) 返回从索引5开始的五个字符 "56789"。

当使用负数索引时，substr的行为与substring有所不同。例如，alert(str.substr(-5)) 将返回 "56789"，但alert(str.substr(-1)) 将只返回最后一个字符 "9"。这是因为substr在处理负数索引时的行为可能因浏览器而异。

substring和substr方法为我们提供了强大的工具来操作和处理字符串。理解这两个方法的特性和行为对于编写高效且可维护的JavaScript代码至关重要。希望你能更好地理解和应用这两个方法。请记住，虽然这些方法在某些情况下非常有用，但在处理复杂的字符串操作时，可能需要考虑其他更高级的技术或库。这就是今天的分享，希望对大家的学习有所帮助。记住，实践是掌握知识的关键，所以不妨自己尝试运行这些代码并观察结果吧！