slice支持负索引且最推荐，substring不支持负索引但可自动调整参数顺序，substr按长度截取但已废弃。日常应优先使用slice以确保代码清晰与兼容性。
在JavaScript中，截取字符串是常见的操作。JS提供了三种常用方法：substring、slice 和 substr。虽然它们都能实现字符串截取，但在参数处理和使用方式上有所不同。下面详细对比这三种方法的用法与区别。
slice 方法：灵活且支持负索引
slice 方法从指定起始位置提取字符串的一部分，并返回新字符串，原字符串不变。
语法： str.slice(start, end)
start：开始位置（包含），支持负数（从末尾往前数） end：结束位置（不包含），可选，支持负数
示例：
立即学习“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)
如果 start 大于 end，会自动交换两个参数 负值会被当作 0 处理
示例：
立即学习“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)
start：起始位置，支持负数 length：要截取的字符数量，省略则到末尾
示例：
立即学习“Java免费学习笔记（深入）”；
console.log(str.substr(6, 5)); // “world”
console.log(str.substr(-5, 3)); // “wor”
注意：ECMAScript 已将 substr 标记为“已废弃”，虽然仍可用，但建议避免在新项目中使用。
三者对比总结
负索引支持： slice 支持，substring 不支持，substr 支持 参数逻辑： slice 和 substring 使用起止位置；substr 使用起始位置+长度 参数顺序处理： substring 会自动调整大小顺序，slice 不会 推荐程度： 优先使用 slice，功能最清晰且兼容性好
基本上就这些。日常开发中，slice 是最安全、最直观的选择，尤其在需要处理负索引时。避免使用 substr 可提升代码的长期可维护性。
以上就是JS字符串如何截取_JavaScriptsubstringslice与substr方法使用对比的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1536499.html
微信扫一扫 
支付宝扫一扫 
