JavaScript中是否存在字符串.Empty,还是只是检查“”?


当前回答

没有isEmpty()方法,您必须检查类型和长度:

if (typeof test === 'string' && test.length === 0){
  ...

当测试未定义或为空时,需要进行类型检查以避免运行时错误。

其他回答

表演

我在macOS v10.13.6(High Sierra)上对18个选定的解决方案进行测试。解决方案的工作方式略有不同(对于角盒输入数据),这在下面的代码段中给出。

结论

简单的解决方案基于!str,==,===和长度对于所有浏览器(A、B、C、G、I、J)都很快基于正则表达式(test、replace)和charAt的解决方案对于所有浏览器(H、L、M、P)来说都是最慢的标记为最快的解决方案仅在一次测试中最快,但在许多测试中,它在“快速”解决方案组中发生了变化

细节

在下面的片段中,我通过使用不同的输入参数来比较所选的18种方法的结果

“a”-空字符串、带字母的字符串和带空格的字符串〔〕{}f-数组、对象和函数0 1 NaN无限-数字true-false-布尔值空未定义

并非所有测试过的方法都支持所有输入案例。

函数A(str){设r=1;if(!str)r=0;返回r;}函数B(str){设r=1;如果(str==“”)r=0;返回r;}函数C(str){设r=1;如果(str==“”)r=0;返回r;}函数D(str){设r=1;如果(!str||0===str.length)r=0;返回r;}函数E(str){设r=1;if(!str||/^\s*$/.test(str))r=0;返回r;}函数F(str){设r=1;if(!布尔(str))r=0;返回r;}函数G(str){设r=1;if(!((typeof str!='undefined')&&str))r=0;返回r;}函数H(str){设r=1;if(!/\S/.test(str))r=0;返回r;}函数I(str){设r=1;if(!str.length)r=0;返回r;}函数J(str){设r=1;如果(字符串长度<=0)r=0;返回r;}函数K(str){设r=1;if(str.length==0||!str.trim())r=0;返回r;}函数L(str){设r=1;if(str.replace(/\s/g,“”)==“”)r=0;返回r;}函数M(str){设r=1;if((/^\s*$/).test(str))r=0;返回r;}函数N(str){设r=1;if(!str||!str.trim().length)r=0;返回r;}函数O(str){设r=1;if(!str||!str.trim())r=0;返回r;}函数P(str){设r=1;if(!str.charAt(0))r=0;返回r;}函数Q(str){设r=1;if(!str||(str.trim()==''))r=0;返回r;}函数R(str){设r=1;if(typeof str==“undefined”||!字符串||字符串长度==0||str==“”||!/[^\s]/.测试(str)||/^\s*$/.test(str)||str.replace(/\s/g,“”)==“”)r=0;返回r;}//---测试---console.log('“”“a”“[]{}0 1 NaN Infinity f true false null undefined');let log1=(s,f)=>console.log(`${s}:${f(“”)}${f(“a”)}$${f(”)}${f([])}${f({})}${f(0)}${f(1)}${f(NaN)}{f)}(无限)}{f(f)}${(真)}$4{f(假)}$3{f(空)}$1{f(未定义)}`);let log2=(s,f)=>console.log(`${s}:${f(“”)}${f“”)}${f”(“a”)}${f f(“)}${f([])}${f({})}$4{f(0)}$1{f(1)}$2{f(NaN)}$f(无限)}$3{f(f)}$6{f(真)}$5{f(假)}`);让log3=(s,f)=>console.log(`${s}:${f(“”)}${f“a”)}$${f(”)}`);log1('A',A);log1('B',B);log1('C',C);log1(‘D’,D);log1('E',E);log1('F',F);log1('G',G);log1('H',H);log2(‘I’,I);log2('J',J);log3('K',K);log3('L',L);log3(M’,M);log3('N',N);log3(‘O’,O);log3(‘P’,P);log3(‘Q’,Q);log3('R',R);

然后,对于所有方法,我都会对浏览器Chrome v78.0.0、Safari v13.0.4和Firefox v71.0.0执行速度测试用例str=“”-您可以在这里的机器上运行测试

您可以验证以下方法并了解其区别。

var j=未定义;console.log((typeof j==“undefined”)?“真”:“假”);var j=空;console.log((j==null)?“真”:“假”);var j=“”;console.log((!j)?“真”:“假”);var j=“Hi”;console.log((!j)?“真”:“假”);

检查是否为空:

var str = "Hello World!";
if(str === ''){alert("THE string str is EMPTY");}

要检查它是否为string类型,请执行以下操作:

var str = "Hello World!";
if(typeof(str) === 'string'){alert("This is a String");}

您也应该经常检查类型,因为JavaScript是一种鸭子类型的语言,所以您可能不知道数据在过程中何时以及如何更改。因此,以下是更好的解决方案:

let undefinedStr;if(!undefinedStr){console.log(“字符串未定义”);}let emptyStr=“”;if(!emptyStr){console.log(“字符串为空”);}让nullStr=null;if(!nullStr){console.log(“字符串为空”);}

同时,我们可以有一个函数来检查所有“空”,如null、undefined、“”、“”,{}、[]。所以我写了这个。

var isEmpty = function(data) {
    if(typeof(data) === 'object'){
        if(JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]'){
            return true;
        }else if(!data){
            return true;
        }
        return false;
    }else if(typeof(data) === 'string'){
        if(!data.trim()){
            return true;
        }
        return false;
    }else if(typeof(data) === 'undefined'){
        return true;
    }else{
        return false;
    }
}

用例和结果。

console.log(isEmpty()); // true
console.log(isEmpty(null)); // true
console.log(isEmpty('')); // true
console.log(isEmpty('  ')); // true
console.log(isEmpty(undefined)); // true
console.log(isEmpty({})); // true
console.log(isEmpty([])); // true
console.log(isEmpty(0)); // false
console.log(isEmpty('Hey')); // false