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

let undefinedStr；if（！undefinedStr）{console.log（“字符串未定义”）；}let emptyStr=“”；if（！emptyStr）{console.log（“字符串为空”）；}让nullStr=null；if（！nullStr）{console.log（“字符串为空”）；}

试试这个

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

我不会太担心最有效的方法。使用最明确的意图。对我来说，这通常是strVar==“”。

根据Constantin的评论，如果strVar可以包含一个0整数值，那么这确实是一种意图明确的情况。

检查您是否试图传递未定义的术语也是一个好主意。

function TestMe() {
  if((typeof str != 'undefined') && str) {
    alert(str);
  }
 };

TestMe();

var str = 'hello';

TestMe();

我通常遇到这样的情况：当对象实例的字符串属性不为空时，我想做一些事情。这很好，只是属性并不总是存在。

我做了一些研究，如果将非字符串和非空/空值传递给测试器函数会发生什么。正如许多人所知，（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; } }]
];