JS中的substr()和substring()函数有什么区别

在JavaScript中，substr() 和 substring() 都是用于从字符串中提取子字符串的函数，但它们在处理参数和某些边缘情况时有所不同。不过，值得注意的是，substr() 函数在ECMAScript 2015（ES6）中已被标记为废弃，并且在未来的版本中可能会被移除，所以建议尽可能使用 substring() 或 slice()。

以下是这两个函数的区别和示例：

substr()

substr(startIndex[, length])

* `startIndex`（必需）：开始提取的索引位置（从0开始）。如果是负数，则表示从字符串的尾部开始算起的位置。例如，-1 指最后一个字符，-2 指倒数第二个字符，依此类推。

* `length`（可选）：要提取的字符数。如果省略该参数或该参数大于字符串的剩余长度，则子字符串会一直提取到字符串的末尾。

 

示例：

javascript

let str = "Hello, World!";

console.log(str.substr(0, 5)); // 输出 "Hello"

console.log(str.substr(7)); // 输出 "World!"

console.log(str.substr(-1)); // 输出 "!"

 

substring()

substring(indexStart[, indexEnd])

* `indexStart`（必需）：开始提取的索引位置（从0开始）。

* `indexEnd`（可选）：停止提取的索引位置（但不包括该位置）。如果省略该参数或该参数大于字符串的长度，则子字符串会一直提取到字符串的末尾。如果任一参数小于0或为NaN，则会被当作0处理。如果 `indexEnd` 小于 `indexStart`，则两个参数的位置会互换。

 

示例：

javascript

let str = "Hello, World!";

console.log(str.substring(0, 5)); // 输出 "Hello"

console.log(str.substring(7)); // 输出 "World!"

console.log(str.substring(-1)); // 输出 "Hello, World!"（因为-1被当作0处理）

console.log(str.substring(7, 3)); // 输出 "Hel"（因为indexEnd小于indexStart，所以位置互换）

 

如你所见，这两个函数在处理负数索引和索引顺序上有显著的区别。由于 substr() 已被废弃，建议使用 substring() 或 slice() 来处理字符串的子串。slice() 的行为类似于 substring()，但支持负数索引。