JavaScript 字符串怎么分割

平时写网页时，我们总遇到需要拆碎文本的场景：比如把用户输入的“苹果,香蕉,橘子”拆成单独的水果名，把“2024-05-20”的日期拆成年、月、日，甚至把一长串手机号拆成每四位一组方便阅读。这时候，JavaScript 的字符串分割功能就是我们的小帮手。

最常用的方法：split()

这是日常开发里用得最多的分割方式，就像用水果刀按指定的“切痕”把水果切开。它的核心是传入一个「分隔符」，告诉 JS 要从哪里拆字符串。

举个生活化的例子：你在手机备忘录里记了“周一买牛奶,周二买鸡蛋,周三买面包”，逗号就是天然的分隔符，用 split(',') 就能把这句话拆成 ["周一买牛奶", "周二买鸡蛋", "周三买面包"] 三个单独的任务项。

除了固定的符号，还能用更灵活的分隔符。比如要把“2024年5月20日”拆成年月日，就可以用“年”和“月”当分隔符：split(/[年月]/)，得到 ["2024", "5", "20日"]，再稍作处理就能拿到纯净的数字。

这个方法还有个“隐藏功能”：可以加第二个参数「分割次数」，比如 split(',', 2)，就只会拆出前两个任务，适合只需要前几项数据的场景，避免多余的拆分结果。

特殊场景：按每几个字符分割

有时候我们不需要按符号，而是要按固定长度拆分，比如把手机号“13800138000”拆成“138 0013 8000”的格式，这时候 split() 就不够用了，得搭配正则表达式。

比如，要每4个字符拆一段，就用正则 /(?=\s)/ 不对，应该是正则 /.{1,4}/ 搭配 match() 方法——match() 是和 split() 互补的常用方法，它能从字符串里“匹配”出符合规则的片段。比如 "13800138000".match(/.{1,4}/)，会返回 ["1380", "0138", "000"]，最后把它们用空格连起来就得到了好看的分组手机号。

注意避坑：这些情况别搞错

虽然分割字符串不难，但有几个小细节很容易踩坑：

第一个坑：如果分隔符是字符串开头或结尾的，比如 ",苹果,香蕉,"，用 split(',') 会多出两个空的片段，变成 ["", "苹果", "香蕉", ""]，做循环处理时要注意过滤这些空值。

第二个坑：如果原字符串里没有指定的分隔符，比如“苹果香蕉橘子”用 split(',')，会得到只有一个元素的数组，就是原字符串本身，不用慌，这是正常的。

第三个坑：如果要拆分的是纯中文字符串，比如 "我爱JavaScript"，直接用 split('') 能拆成单个汉字和字母，但如果要拆成单个汉字，用 split('') 就对，不用复杂操作，和拆分英文的逻辑是一样的。

学会这几个常用的分割方法，日常开发里的字符串拆分需求基本都能搞定，不用再对着长文本发愁啦。