JavaScript 字符串截取：substring, substr 与 slice 的区别

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免费学习笔记（深入）”；

码哩写作

最懂作者的AI辅助创作工具

91

查看详情

• 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

以上就是JavaScript 字符串截取：substring, substr 与 slice 的区别的详细内容，更多请关注php中文网其它相关文章！