slice支持负索引且最推荐，substring不支持负索引但可自动调整参数顺序，substr按长度截取但已废弃。日常应优先使用slice以确保代码清晰与兼容性。

在javaScript中，截取字符串是常见的操作。js提供了三种常用方法：substring、slice 和 substr。虽然它们都能实现字符串截取，但在参数处理和使用方式上有所不同。下面详细对比这三种方法的用法与区别。

slice 方法：灵活且支持负索引

slice 方法从指定起始位置提取字符串的一部分，并返回新字符串，原字符串不变。

语法： str.slice(start, end)

示例：

Calliper 文档对比神器

文档内容对比神器

28

查看详情

立即学习“Java免费学习笔记（深入）”；

let str = “hello world”;
console.log(str.slice(0, 5)); // “hello”
console.log(str.slice(-5)); // “world”
console.log(str.slice(6, -1)); // “worl”

substring 方法：类似 slice，但不支持负索引

substring 也返回从 start 到 end（不包含）之间的字符。

语法： str.substring(start, end)

示例：

立即学习“Java免费学习笔记（深入）”；

console.log(str.substring(0, 5)); // “hello”
console.log(str.substring(10, 6)); // ” wor”（自动交换）
console.log(str.substring(-5, 5)); // “hello”（-5 被视为 0）

substr 方法：按长度截取（已不推荐）

substr 返回从指定位置开始的指定长度的字符。

语法： str.substr(start, Length)

示例：

立即学习“Java免费学习笔记（深入）”；

console.log(str.substr(6, 5)); // “world”
console.log(str.substr(-5, 3)); // “wor”

注意：ecmascript 已将 substr 标记为“已废弃”，虽然仍可用，但建议避免在新项目中使用。

三者对比总结

基本上就这些。日常开发中，slice 是最安全、最直观的选择，尤其在需要处理负索引时。避免使用 substr 可提升代码的长期可维护性。