天天看點

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("|世界", "|"));
/**
[]
[ '你好世界' ]
[ '你好', '世界' ]
[ '世界' ]
*/      

繼續閱讀