JS字符串截取：substringslicesubstr区别详解

文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《JS字符串截取：substring vs slice vs substr对比》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！

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

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

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

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

语法： str.slice(start, end)

示例：

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)

示例：

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)

示例：

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

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

三者对比总结

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

好了，本文到此结束，带大家了解了《JS字符串截取：substringslicesubstr区别详解》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！