JavaScript中是否存在字符串.Empty,还是只是检查“”?
当前回答
if ((str?.trim()?.length || 0) > 0) {
// str must not be any of:
// undefined
// null
// ""
// " " or just whitespace
}
或以函数形式:
const isNotNilOrWhitespace = input => (input?.trim()?.length || 0) > 0;
const isNilOrWhitespace = input => (input?.trim()?.length || 0) === 0;
其他回答
空字符串,未定义,null。。。
检查真实值:
if (strValue) {
// strValue was non-empty string, true, 42, Infinity, [], ...
}
要检查错误值,请执行以下操作:
if (!strValue) {
// strValue was empty string, false, 0, null, undefined, ...
}
空字符串(仅限!)
要检查是否正好为空字符串,请使用==运算符与“”进行严格相等比较:
if (strValue === "") {
// strValue was empty string
}
要严格检查非空字符串,请使用!==操作员:
if (strValue !== "") {
// strValue was not an empty string
}
表演
我在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=“”-您可以在这里的机器上运行测试
下面是我用来处理这个问题的一些自定义函数。以及代码如何运行的示例。
常量v1=0常量v2=“4”常量v2e=未定义常量v2e2=空常量v3=[1,2,3,4]常量v3e=[]常量v4=真常量v4e=假常量v5={测试:'值'}常量v5e={}常量v6=“NotEmpty”常量v6e=“”函数为Numeric(n){回来isNaN(parseFloat(n))&&isFinite(n)}函数isEmpty(v,zeroIsEmpty=false){/***当执行类型检查时,null将始终返回“object”,因此我们首先过滤掉它*@参见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof#typeof_null*/如果(v==空){返回true}如果(v==真){return false}if(类型v==='对象'){回来对象键(v)长度}如果(isNumeric(v)){返回zeroIsEmpty?parseFloat(v)==0:false}回来v | |!v.length | | v.length<1}console.log(isEmpty(v1),isEmpty(v1,true))console.log(isEmpty(v2),isEmptyconsole.log(isEmpty(v3),isEmpty(v3e))console.log(isEmpty(v4),isEmptyconsole.log(isEmpty(v5),isEmptyconsole.log(isEmpty(v6),isEmpty(v6e))
同样作为参考,以下是Lodash isEmpty的来源:
试试这个
str.value.length == 0
也可以使用正则表达式:
if((/^\s*$/).test(str)) { }
检查是否有空字符串或空白字符串。