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

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

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

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

2、拆分非字符串

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

3、拆分非字符串

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

期待结果:

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

所以自己实现函数处理吧, 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月前
|
JavaScript 前端开发
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
|
28天前
|
JavaScript 前端开发 索引
JavaScript中与字符串相关的方法
JavaScript中与字符串相关的方法
|
2月前
|
JavaScript 前端开发 索引
JavaScript字符串检查:从基础到高级
【2月更文挑战第26天】
28 0
JavaScript字符串检查:从基础到高级
|
2天前
|
存储 JavaScript 前端开发
JavaScript字符串方法详解
JavaScript字符串方法详解
14 0
|
3天前
|
SQL 缓存 JavaScript
深入解析JavaScript中的模板字符串
深入解析JavaScript中的模板字符串
13 1
|
3天前
|
JavaScript 索引
js字符串操作的方法
js字符串操作的方法
|
3天前
|
JavaScript 前端开发 索引
js关于字符串的方法
js关于字符串的方法
9 0
|
3天前
|
JavaScript 前端开发
js关于字符串的方法
js关于字符串的方法
9 0
|
3天前
|
开发框架 JavaScript .NET
Js字符串操作函数大全
Js字符串操作函数大全
9 1
|
3天前
|
JavaScript 前端开发 索引
js操作字符串的方法
js操作字符串的方法
13 2