Js拆分字符串split多出一个空字符

1、拆分空字符串 出现了不期待的空字符

let str1 = "";

console.log(str1.split("|"));
// [ '' ]

console.log(str1.split(/|/));  
// []

console.log(str1.split(/\|/));
// [ '' ]

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
 

2、拆分非字符串

let str2 = "你好世界";


console.log(str2.split("|"));
// [ '你好世界' ]

console.log(str2.split(/|/));
// [ '你', '好', '世', '界' ]

console.log(str2.split(/\|/));
// [ '你好世界' ]


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

3、拆分非字符串

let str3 = "你好|世界";


console.log(str3.split("|"));
// [ '你好', '世界' ]

console.log(str3.split(/|/));
// [ '你', '好', '|', '世', '界' ]

console.log(str3.split(/\|/));
// [ '你好', '世界' ]


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

期待结果：

"" => []
你好世界   => [ '你好世界' ]
你好|世界  => [ '你好', '世界' ]
|世界  => [ '世界' ] 

  

 

  
1
  
2
  
3
  
4
 

所以自己实现函数处理吧, js…

function splitString(str, separator=" "){ return str.split(separator).filter(item=>{ if(item != ''){ return item; } });
}

console.log(splitString("", "|"));
console.log(splitString("你好世界", "|"));
console.log(splitString("你好|世界", "|"));
console.log(splitString("|世界", "|"));
/**
[]
[ '你好世界' ]
[ '你好', '世界' ]
[ '世界' ]
*/

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
 

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/103298949