J*aScript 字符串截取：substring, substr 与 slice 的区别

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

J*aScript 字符串截取：substring, substr 与 slice 的区别

2025-11-19

浏览次数：次

返回列表

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

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

在 J*aScript 中，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 方法从指定位置开始，截取指定长度的字符。

start：起始索引
length：要截取的字符数，可选，默认到末尾
start 为负数时，表示从末尾往前数

注意：ECMAScript 已将 substr 列为过时方法，不推荐在新项目中使用。

Kreado AI

Kreado AI是一个多语言AI视频创作平台，只需输入文本或关键词，即可创作真实/虚拟人物的多语言口播视频。为创作者提供AI赋能

182 查看详情 Kreado AI

示例：

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);         // ""（不交换，返回空串）