JS中substring与substr的详解与示例

本文档详细介绍了JavaScript中两个重要的字符串截取方法：substring和substr，以及它们的使用场景和参数说明。 在JavaScript中，处理字符串时经常需要截取部分字符，`substring` 和 `substr` 方法提供了这样的功能。下面分别对这两个方法进行详细解释： 1. **substring方法** `substring` 方法用于提取字符串中介于两个指定下标之间的字符。其语法为 `substring(start, end)`，其中： - `start` 必需，表示要提取的子串的第一个字符在原始字符串中的位置，从0开始计数。 - `end` 可选，表示要提取的子串的最后一个字符之后的位置。如果省略，子串将一直持续到字符串的结尾。 返回值是包含 `start` 到 `end-1` 位置的字符的新字符串。`substring` 不包括 `end` 位置的字符。如果 `start` 等于 `end`，则返回空字符串。如果 `start` 大于 `end`，这两个参数会自动交换以确保正确的截取顺序。如果 `start` 或 `end` 是负数，它们会被替换为0。 示例： ```javascript var str = "0123456789"; alert(str.substring(0)); // 输出 "0123456789" alert(str.substring(5)); // 输出 "56789" alert(str.substring(10)); // 输出 "" alert(str.substring(12)); // 输出 "" alert(str.substring(-5)); // 输出 "0123" ``` 2. **substr方法** `substr` 方法则根据指定位置和长度返回子字符串。其语法为 `substr(start, length)`，其中： - `start` 必需，表示所需子字符串的起始位置，同样从0开始计数。 - `length` 可选，表示返回的子字符串中应包括的字符个数。 如果 `start` 为负数，它将被解析为 `str.length + start`。如果 `length` 为0或负数，返回空字符串。如果没有提供 `length` 参数，子字符串将一直持续到字符串的末尾。 示例： ```javascript var str = "0123456789"; alert(str.substr(0)); // 输出 "0123456789" alert(str.substr(5)); // 输出 "56789" alert(str.substr(10)); // 输出 "" alert(str.substr(12)); // 输出 "" alert(str.substr(-5)); // 输出 "56789" ``` 对比 `substring` 和 `substr`，主要的区别在于 `substr` 接受一个额外的 `length` 参数来指定子字符串的长度，而 `substring` 则是基于两个下标来确定子字符串的范围。此外，当 `start` 为负数时，两者的处理方式也有所不同：`substring` 直接转换为0，而 `substr` 则根据字符串的长度进行计算。 在实际开发中，根据具体需求选择合适的字符串截取方法是非常重要的。例如，如果你知道要截取的确切长度，`substr` 更合适；如果只是需要在两个位置之间截取，那么 `substring` 就更直观。理解并熟练运用这两个方法，将有助于编写更加灵活和高效的JavaScript代码。