在前端开发中，我们经常使用 split 方法来将字符串拆分成数组。但是有时候我们可能会遇到 split 方法返回两个元素的数组而不是一个的情况。这篇文章将介绍这种情况出现的原因，并提供解决方案。
问题描述
假设我们有以下字符串：
const str = "hello world";
我们想要通过空格将其拆分成数组，代码如下：
const arr = str.split(" ");
console.log(arr);预期结果是一个包含两个元素的数组 ['hello', 'world']，然而实际上输出结果为 ['hello', '']。这是为什么呢？
原因
当使用 split 方法时，如果分隔符在字符串的末尾，split 方法会将末尾的分隔符后面的空字符串也作为一个元素添加到数组中。
在上面的例子中，我们使用空格 " " 作为分隔符，而字符串 "hello world" 的最后一个字符是空格。因此，split 方法将字符串拆分成了两个元素：'hello' 和一个空字符串 ''。
解决方案
为了解决这个问题，我们可以使用正则表达式作为分隔符。具体来说，我们可以使用匹配空白字符的正则表达式 \s+ 来代替空格 " " 作为分隔符，代码如下：
const arr = str.split(/\s+/); console.log(arr);
这样我们就可以得到预期的结果 ['hello', 'world']。
指导意义
通过本文我们可以学习到以下知识点：
split方法在处理分隔符在字符串末尾的情况时会将末尾的分隔符后面的空字符串也作为一个元素添加到数组中。- 使用正则表达式作为分隔符可以避免上述问题。
在实际开发中，我们应该注意 split 方法的使用，特别是当我们使用固定的字符作为分隔符时。如果有可能出现分隔符在末尾的情况，我们应该优先考虑使用正则表达式作为分隔符。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30941