表演

我在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=“”-您可以在这里的机器上运行测试

检查是否为字符串类型，如果不为空：

const isNonEmptyString = (val) => typeof val === 'string' && !!val

有很多答案，还有很多不同的可能性！

毫无疑问，快速简单的实现是赢家：if（！str.length）｛…｝

然而，还有许多其他例子。我建议，最好的功能方法是：

函数为空（str）{if（str类型==‘undefined‘||！str | | str.length==0 | | str==“”||！/[^\s]/.test（str）||/^\s*$/.test（str）|| str.replace（/\s/g，“”）==“）返回true；其他的return false；}

我知道有点过分了。

不要假设您检查的变量是字符串。不要假设这个变量有一个长度，那么它就是一个字符串。

问题是：仔细思考你的应用程序必须做什么，可以接受什么。打造强健的体魄。

如果您的方法/函数只处理非空字符串，那么测试参数是否为非空字符串并且不要做一些“技巧”。

作为一个例子，如果你不小心遵循这里的一些建议，就会发生爆炸。

var getLastChar = function (str) {
 if (str.length > 0)
   return str.charAt(str.length - 1)
}

getLastChar('hello')
=> "o"

getLastChar([0,1,2,3])
=> TypeError: Object [object Array] has no method 'charAt'

所以，我会坚持

if (myVar === '')
  ...

我没有注意到一个考虑到字符串中可能存在空字符的答案。例如，如果我们有一个空字符串：

var y = "\0"; // an empty string, but has a null character
(y === "") // false, testing against an empty string does not work
(y.length === 0) // false
(y) // true, this is also not expected
(y.match(/^[\s]*$/)) // false, again not wanted

要测试其空性，可以执行以下操作：

String.prototype.isNull = function(){ 
  return Boolean(this.match(/^[\0]*$/)); 
}
...
"\0".isNull() // true

它在空字符串和空字符串上工作，所有字符串都可以访问它。此外，它还可以扩展为包含其他JavaScript空字符或空白字符（即非分隔空格、字节顺序标记、行/段落分隔符等）。

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

var j=未定义；console.log（（typeof j==“undefined”）？“真”：“假”）；var j=空；console.log（（j==null）？“真”：“假”）；var j=“”；console.log（（！j）？“真”：“假”）；var j=“Hi”；console.log（（！j）？“真”：“假”）；