JS字符串截取方法有哪些 JS截取字符串slice substring substr区别分析

JS字符串截取方法都有哪些怎么用才更合适

哎，说到JavaScript里截取字符串，真是经常碰到，大家伙儿总想找个快捷靠谱的办法。其实常用的主要就三个函数：slice、substring和substr。它们都能帮你拿到想要的那部分字符串，但用起来有点细节不一样，弄明白了，写代码就顺溜多了。

substring方法：
- 用法：string.substring(startIndex, endIndex)
- 它从起始位置截取到结束位置（不包括结束位置）中间的内容。
- 注意啦，如果开始索引大于结束索引，它会自动换个顺序帮你截，挺smart的。
- 不支持负数索引哦，给负数参数会当成0处理。
- 不改变原字符串，返回一个新字符串，超级安全。
slice方法：
- 用法：string.slice(startIndex, endIndex)
- 和substring类似，也是截取[startIndex, endIndex)的部分。
- 牛逼的是它支持负数索引！比如-3就代表倒数第三个字符，超级灵活。
- 不过如果开始索引大于结束索引，和substring不一样，slice会返回空字符串。
- 也是返回新字符串，原串完好无损。
substr方法：
- 用法：string.substr(startIndex, length)
- 从startIndex开始，截取指定长度的字符串。
- 它也支持负数起始位置，挺方便！
- 但是这个方法嘛有点小尴尬，官方建议以后别用太多，兼容性有点小坑，特别是某些旧版浏览器。
- 同样不改变原字符串。

这三个函数你要用哪个，得看场景：
- 想按位置截，substring很简单；
- 需要支持负数索引，slice靠谱；
- 要按长度截，那substr能派上用场，但要注意兼容性。

OK，咱们聊聊一些常见的小需求，截取字符串前面几位或者后面几位，该咋整？很简单，掌握下面这些绝对稳：

截取前几位：
比如要拿字符串最开始的前三个字母，直接用slice或者substring就能搞定：
js let str = "HelloWorld"; let frontThree = str.substring(0, 3); // "Hel" // 或者 let frontThreeSlice = str.slice(0, 3); // "Hel"
非常直观吧，起始位置写0，结束位置写你想要的长度就行。
截取后几位：
要获取字符串末尾的几个字符，咱们就得用到字符串长度减去要截取的长度，配合slice的负数索引更方便：
js let str = "20200202 10:00:00"; let lastEight = str.slice(-8); // "10:00:00"
你瞧，这样写比算长度再substring的方式要灵活多了。
结合substring截取后几位：
substring虽然不支持负数索引，但可以结合字符串length来实现：
js let str = "20200202 10:00:00"; let len = str.length; let lastEight = str.substring(len - 8, len); // "10:00:00"
substr的特殊用法：
substr截取长度的特性很适合从某个点开始截固定长度的内容，譬如：
js let str = "Hello JavaScript"; let result = str.substr(6, 10); // "JavaScript"
但是，老铁们，记住substr可能会在某些环境下不被支持，慎用哈。