slice最推荐,substring会转负数为0且交换参数,substr已废弃;三者参数及负数处理不同,优先用slice。

在 JavaScript 中,substring、substr 和 slice 都可以用来截取字符串,但它们的行为和使用方式有细微差别。理解这些差异有助于避免错误,写出更可靠的代码。
1. substring(start, end)
substring 方法提取字符串中两个索引之间的字符(包含 start,不包含 end)。如果参数为负数或 NaN,会被当作 0 处理;如果 start 大于 end,会自动交换两个参数。
- start:起始索引(包含)
- end:结束索引(不包含),可选,默认到字符串末尾
- 负值被视为 0
示例:
const str = "hello world"; str.substring(2, 8); // "llo wo" str.substring(8, 2); // "llo wo"(自动交换) str.substring(-3, 5); // "hello"(-3 被当作 0) str.substring(6); // "world"
2. substr(start, length)
substr 方法从指定位置开始,截取指定长度的字符。
立即学习“Java免费学习笔记(深入)”;
- start:起始索引
- length:要截取的字符数,可选,默认到末尾
- start 为负数时,表示从末尾往前数
注意:ECMAScript 已将 substr 列为过时方法,不推荐在新项目中使用。
示例:
const str = "hello world"; str.substr(2, 6); // "llo wo" str.substr(-5, 3); // "wor"(从倒数第5个开始,取3个) str.substr(6); // "world"
3. slice(start, end)
slice 方法与 substring 类似,但对负数的处理更灵活:负值表示从末尾开始计算。
- start:起始索引(包含)
- end:结束索引(不包含),可选
- 支持负数索引
- 不会交换参数顺序
示例:
const str = "hello world"; str.slice(2, 8); // "llo wo" str.slice(-5, -1); // "worl"(倒数第5到倒数第1) str.slice(6); // "world" str.slice(-5); // "world" str.slice(8, 2); // ""(不交换,返回空串)
主要区别总结
- 参数含义不同:substring 和 slice 使用 start 和 end 索引;substr 使用 start 和 length
- 负数处理:slice 支持负索引;substring 将负数转为 0;substr 的 start 可为负数
- 参数顺序:substring 会自动交换大小顺序;slice 和 substr 不会
- 标准建议:优先使用 slice,避免使用已废弃的 substr










