表演

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

您可以很容易地将它添加到JavaScript中的原生String对象中，并反复使用它。。。如果您想检查“”空字符串，下面的代码可以为您完成这项工作：

String.prototype.isEmpty = String.prototype.isEmpty || function() {
  return !(!!this.length);
}

否则，如果您想同时检查“”空字符串和“”带空格，可以通过添加trim（）来完成，类似于下面的代码：

String.prototype.isEmpty = String.prototype.isEmpty || function() {
   return !(!!this.trim().length);
}

你可以这样称呼它：

''.isEmpty(); //return true
'alireza'.isEmpty(); //return false

function tell()
{
    var pass = document.getElementById('pasword').value;
    var plen = pass.length;

    // Now you can check if your string is empty as like
    if(plen==0)
    {
        alert('empty');
    }
    else
    {
        alert('you entered something');
    }
}

<input type='text' id='pasword' />

这也是检查字段是否为空的通用方法。

我做了一些研究，如果将非字符串和非空/空值传递给测试器函数会发生什么。正如许多人所知，（0==“”）在JavaScript中是真的，但由于0是一个值，而不是空或null，因此您可能需要测试它。

以下两个函数仅对未定义的、null、空/空白值返回true，对其他所有值（如数字、布尔值、对象、表达式等）返回false。

function IsNullOrEmpty(value)
{
    return (value == null || value === "");
}
function IsNullOrWhiteSpace(value)
{
    return (value == null || !/\S/.test(value));
}

存在更复杂的示例，但这些示例很简单，并给出了一致的结果。不需要测试undefined，因为它包含在（value==null）检查中。您还可以通过如下方式将C#行为添加到String中来模拟它们：

String.IsNullOrEmpty = function (value) { ... }

您不希望将其放在Strings原型中，因为如果String类的实例为空，则会出错：

String.prototype.IsNullOrEmpty = function (value) { ... }
var myvar = null;
if (1 == 2) { myvar = "OK"; } // Could be set
myvar.IsNullOrEmpty(); // Throws error

我使用以下值数组进行了测试。如果有疑问，您可以循环使用它来测试您的功能。

// Helper items
var MyClass = function (b) { this.a = "Hello World!"; this.b = b; };
MyClass.prototype.hello = function () { if (this.b == null) { alert(this.a); } else { alert(this.b); } };
var z;
var arr = [
// 0: Explanation for printing, 1: actual value
    ['undefined', undefined],
    ['(var) z', z],
    ['null', null],
    ['empty', ''],
    ['space', ' '],
    ['tab', '\t'],
    ['newline', '\n'],
    ['carriage return', '\r'],
    ['"\\r\\n"', '\r\n'],
    ['"\\n\\r"', '\n\r'],
    ['" \\t \\n "', ' \t \n '],
    ['" txt \\t test \\n"', ' txt \t test \n'],
    ['"txt"', "txt"],
    ['"undefined"', 'undefined'],
    ['"null"', 'null'],
    ['"0"', '0'],
    ['"1"', '1'],
    ['"1.5"', '1.5'],
    ['"1,5"', '1,5'], // Valid number in some locales, not in JavaScript
    ['comma', ','],
    ['dot', '.'],
    ['".5"', '.5'],
    ['0', 0],
    ['0.0', 0.0],
    ['1', 1],
    ['1.5', 1.5],
    ['NaN', NaN],
    ['/\S/', /\S/],
    ['true', true],
    ['false', false],
    ['function, returns true', function () { return true; } ],
    ['function, returns false', function () { return false; } ],
    ['function, returns null', function () { return null; } ],
    ['function, returns string', function () { return "test"; } ],
    ['function, returns undefined', function () { } ],
    ['MyClass', MyClass],
    ['new MyClass', new MyClass()],
    ['empty object', {}],
    ['non-empty object', { a: "a", match: "bogus", test: "bogus"}],
    ['object with toString: string', { a: "a", match: "bogus", test: "bogus", toString: function () { return "test"; } }],
    ['object with toString: null', { a: "a", match: "bogus", test: "bogus", toString: function () { return null; } }]
];

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

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

空字符串，未定义，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
}