对于 JS 字符串的分割和截取，除了基本的 split() 和 substring() 方法，还有更强大的选择：slice()：更灵活的截取方法，支持负数索引，方便从字符串末尾截取。正则表达式：可匹配复杂模式，轻松提取所需信息，但学习曲线较陡峭。
JS 字符串分割与截取：不止是 split() 和 substring()
你可能想问：JS里怎么优雅地分割和截取字符串？ 这个问题看似简单，实则暗藏玄机。 表面上看，split() 和 substring() 就够用了，但实际应用中，你会发现它们并不能应对所有情况，甚至会让你掉进一些坑里。 这篇文章会深入探讨JS字符串处理的技巧，让你在字符串操作上游刃有余。
首先，让我们回顾一下基础知识。JS字符串是不可变的，这意味着任何操作都会产生一个新的字符串。 理解这一点非常重要，它直接影响着你对性能的考量。 split() 方法根据指定的分隔符将字符串分割成数组；substring() 方法则提取字符串的子串，通过指定起始和结束索引来截取。
让我们从一个简单的例子开始，体会一下split() 的魅力：
const str = "apple,banana,orange";
const fruits = str.split(","); // ['apple', 'banana', 'orange']
console.log(fruits);看起来很简单，对吧？ 但是，如果分隔符本身出现在字符串中怎么办？ 例如：
const str2 = "apple,,banana,orange";
const fruits2 = str2.split(","); // ['', 'apple', '', 'banana', 'orange']你看，空字符串也成为了数组元素。 处理这种场景需要额外的逻辑判断，比如过滤掉空字符串：
const fruits3 = str2.split(",").filter(item => item.length > 0); // ['apple', 'banana', 'orange']
console.log(fruits3);现在，我们看看substring()。它简单直接，但容易出错：
const str3 = "javascript"; const sub = str3.substring(4, 10); // script console.log(sub);
注意，substring() 的第二个参数是结束索引，而不是长度。 如果不小心越界，也不会报错，而是返回字符串的剩余部分。 这在调试时可能让你抓狂。
那么，有没有更强大的方法呢？ 当然有！ slice() 方法提供了一种更灵活的截取方式：
const sub2 = str3.slice(4, 10); // script console.log(sub2); const sub3 = str3.slice(-6); // script console.log(sub3); // 从后往前截取
slice() 可以接受负数索引，方便从字符串末尾截取。 这在处理动态长度的字符串时非常有用。
更进一步，正则表达式为字符串操作提供了无限可能：
const str4 = "apple-banana-orange"; const fruits4 = str4.split(/-/); // ['apple', 'banana', 'orange'] console.log(fruits4); const str5 = "This is a test string."; const match = str5.match(/\b\w+\b/g); // ['This', 'is', 'a', 'test', 'string'] console.log(match);
正则表达式可以匹配复杂的模式，让你轻松提取所需信息。 但是，正则表达式的学习曲线比较陡峭，需要一定的练习。
最后，关于性能。 对于大型字符串，频繁使用字符串操作可能会影响性能。 在实际应用中，需要根据具体情况选择合适的方法，并尽量避免不必要的字符串创建。 例如，如果需要多次操作同一个字符串，可以考虑先将其转换成数组，然后进行操作，最后再转换成字符串。
总而言之，JS 字符串分割和截取远比你想象的复杂。 选择合适的方法，理解其特性和潜在问题，才能写出高效、可靠的代码。 记住，代码的可读性和可维护性同样重要。 不要为了追求所谓的“技巧”而牺牲代码的可理解性。
