JavaScript分裂字符串与空格

Question

我想分割一个字符串,但我想保持白色空间像:

var str = "my car is red";

var stringArray [];

stringArray [0] = "my";
stringArray [1] = " ";
stringArray [2] = "car";
stringArray [3] = " ";
stringArray [4] = "is";
stringArray [5] = " ";
stringArray [6] = "red";

我该怎么做呢？

谢谢 !

Answer 1

使用正则表达式:

var str   = "my car is red";
var stringArray = str.split(/(\s+)/);

console.log(stringArray); // ["my", " ", "car", " ", "is", " ", "red"] 

\s 匹配任何一个空白字符,添加加号使其变得贪婪,匹配以字符开头并以空格结尾的组,并且当空格后面有字符时,下一组开始.

Answer 2

您可以在空格上拆分字符串,然后重新添加它,因为您知道它在每个条目之间.

var string = "text to split";
    string = string.split(" ");
var stringArray = new Array();
for(var i =0; i < string.length; i++){
    stringArray.push(string[i]);
    if(i != string.length-1){
        stringArray.push(" ");
    }
}

更新:删除尾随空格.

Answer 3

对于像Python一样的空格分割字符串,可以使用:

   var w = "hello    my brothers    ;";
   w.split(/(\s+)/).filter( function(e) { return e.trim().length > 0; } );

输出:

   ["hello", "my", "brothers", ";"]

Answer 4

您可以使用分割单词边界\b.见MDN

"\ b:匹配零宽度字边界,例如字母和空格之间."

您还应该确保它后跟空格\s.所以字符串"My car isn't red"仍然有用:

var stringArray = str.split(/\b(\s)/);

初始化\b需要考虑多个空间,例如my car is red

编辑:添加分组

Answer 5

尽管并非所有浏览器都支持这种方式，但如果您在正则表达式中使用捕获括号，则捕获的输入将拼接到结果中。

如果separator是一个包含捕获括号的正则表达式，那么每次匹配separator时，将捕获括号的结果（包括任何未定义的结果）拼接到输出数组中。[参考]

所以：

var stringArray = str.split(/(\s+)/);
                             ^   ^
//

输出：

["my", " ", "car", " ", "is", " ", "red"]

这会折叠原始输入中的连续空格，但除此之外我想不出任何陷阱。