如何在 JavaScript 中检查空/未定义/空字符串？

如果您只想检查是否有 truthy value，您可以执行以下操作：

if (strValue) {
    //do something
}

如果您需要专门检查空字符串是否为空，我认为检查 "" 是您最好的选择，使用 the === operator （这样您就知道它实际上是您要比较的字符串） .

if (strValue === "") {
    //...
}

---

为了检查变量是否为 falsey 或者它的长度属性是否等于零（对于字符串，这意味着它是空的），我使用：

function isEmpty(str) {
    return (!str || str.length === 0 );
}

_{（请注意，字符串不是唯一具有 length 属性的变量，例如，数组也有它们。）}

或者，您可以使用（不是这样）新的可选链接和箭头函数来简化：

const isEmpty = (str) => (!str?.length);

它将检查长度，如果为空值，则返回 undefined，而不会引发错误。在空值的情况下，零是假的，结果仍然有效。

为了检查变量是否为假或字符串是否仅包含空格或为空，我使用：

function isBlank(str) {
    return (!str || /^\s*$/.test(str));
}

如果需要，您可以像这样monkey-patch String 原型：

String.prototype.isEmpty = function() {
    // This doesn't work the same way as the isEmpty function used 
    // in the first example, it will return true for strings containing only whitespace
    return (this.length === 0 || !this.trim());
};
console.log("example".isEmpty());

请注意，猴子修补内置类型是有争议的，因为无论出于何种原因，它都可能破坏依赖于内置类型现有结构的代码。

---

以前的所有答案都很好，但这会更好。使用双重 NOT 运算符 (!!)：

if (!!str) {
    // Some code here
}

或使用类型转换：

if (Boolean(str)) {
    // Code here
}

两者都执行相同的功能。将变量类型转换为布尔值，其中 str 是一个变量。

对于 null、未定义、0、000、""、false，它返回 false。

它对除空字符串以外的所有字符串值返回 true（包括“0”和“”等字符串）

---

您可以得到的最接近 str.Empty 的东西（前提是 str 是一个字符串）是：

if (!str.length) { ...

---

如果您需要确保字符串不仅仅是一堆空格（我假设这是用于表单验证），您需要对空格进行替换。

if(str.replace(/\s/g,"") == ""){
}

---

我用：

function empty(e) {
  switch (e) {
    case "":
    case 0:
    case "0":
    case null:
    case false:
    case undefined:
      return true;
    default:
      return false;
  }
}

empty(null) // true
empty(0) // true
empty(7) // false
empty("") // true
empty((function() {
    return ""
})) // false

---

表现

我在 macOS v10.13.6 (High Sierra) 上针对 18 个选定的解决方案进行了测试。解决方案的工作方式略有不同（对于极端情况输入数据），如下面的片段中所示。

结论

基于 !str,==,=== 和 length 的简单解决方案适用于所有浏览器（A、B、C、G、I、J）

基于正则表达式 (test,replace) 和 charAt 的解决方案对于所有浏览器 (H,L,M,P) 来说都是最慢的

标记为最快的解决方案仅在一次测试运行中最快 - 但在许多运行中它会在“快速”解决方案组内发生变化

https://i.stack.imgur.com/bFeGV.png

细节

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

"" "a" " " - 空字符串、带字母的字符串和带空格的字符串

[] {} f- 数组、对象和函数

1 NaN 无穷大 - 数字

true false - 布尔值

空未定义

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

函数 A(str) { 让 r=1;如果 (!str) r=0;返回 r; } 函数 B(str) { 让 r=1;如果 (str == "") r=0;返回 r; } 函数 C(str) { 让 r=1;如果 (str === "") r=0;返回 r; } 函数 D(str) { 让 r=1; if(!str || 0 === str.length) r=0;返回 r; } 函数 E(str) { 让 r=1; if(!str || /^\s*$/.test(str)) r=0;返回 r; } 函数 F(str) { 让 r=1; if(!Boolean(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;如果 (!str.length) r=0;返回 r; } 函数 J(str) { 让 r=1; if(str.length <= 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' || !str || str.length === 0 || str === "" || !/[^\s]/.test(str) || /^\ s*$/.test(str) || str.replace(/\s/g,"") === "") r=0;返回 r; } // --- 测试 --- console.log( ' "" "a" " " [] {} 0 1 NaN Infinity f true false null undefined ');让 log1 = (s,f)=> console.log(`${s}: ${f("")} ${f("a")} ${f(" ")} ${f([ ])} ${f({})} ${f(0)} ${f(1)} ${f(NaN)} ${f(Infinity)} ${f(f)} ${f( true)} ${f(false)} ${f(null)} ${f(undefined)}`);让 log2 = (s,f)=> console.log(`${s}: ${f("")} ${f("a")} ${f(" ")} ${f([ ])} ${f({})} ${f(0)} ${f(1)} ${f(NaN)} ${f(Infinity)} ${f(f)} ${f(真)} ${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('我', 我); 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 = "" - 您可以在您的机器上运行测试here

https://i.stack.imgur.com/IxaPG.png

---

您可以使用 lodash：_.isEmpty(value)。

它涵盖了很多情况，如 {}、''、null、undefined 等。

但它总是为 Number 类型的 JavaScript primitive data types 返回 true，如 _.isEmpty(10) 或 _.isEmpty(Number.MAX_VALUE) 都返回 true。

---

非常通用的“一体化”功能（虽然不推荐）：

function is_empty(x)
{
    return (                                                           //don't put newline after return
        (typeof x == 'undefined')
              ||
        (x == null)
              ||
        (x == false)        //same as: !x
              ||
        (x.length == 0)
              ||
        (x == 0)            // note this line, you might not need this. 
              ||
        (x == "")
              ||
        (x.replace(/\s/g,"") == "")
              ||
        (!/[^\s]/.test(x))
              ||
        (/^\s*$/.test(x))
    );
}

但是，我不建议使用它，因为您的目标变量应该是特定类型（即字符串、数字或对象？），因此请应用与该变量相关的检查。

---

var s; // undefined
var s = ""; // ""
s.length // 0

JavaScript 中没有任何内容代表空字符串。对 length（如果您知道 var 始终是字符串）或 "" 进行检查

---

尝试：

if (str && str.trim().length) {  
    //...
}

---

我不会太担心最有效的方法。使用对您的意图最清楚的内容。对我来说，这通常是 strVar == ""。

根据 Constantin 的评论，如果 strVar 最终会包含一个整数 0 值，那么这确实是那些意图澄清的情况之一。

---

您也可以使用正则表达式：

if((/^\s*$/).test(str)) { }

检查为空或填充有空格的字符串。

---

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

毫无疑问，为了快速简单的实施，获胜者是：if (!str.length) {...}

但是，还有许多其他示例可用。我建议最好的功能方法：

function empty(str) { if (typeof str == 'undefined' || !str || str.length === 0 || str === "" || !/[^\s]/.test(str ) || /^\s*$/.test(str) || str.replace(/\s/g,"") === "") 返回真；否则返回假； }

有点过分，我知道。

---

检查 var a;存在删除值中的错误空格，然后测试是否为空 if ((a)&&(a.trim()!='')) { // 如果变量 a 不为空，请执行此操作 }

---

我通常使用这样的东西，

if (!str.length) {
    // Do something
}

---

此外，如果您将空格填充的字符串视为“空”。

您可以使用以下正则表达式对其进行测试：

!/\S/.test(string); // Returns true if blank.

---

如果一个人不仅需要检测空字符串，还需要检测空字符串，我将添加到 Goral 的答案中：

function isEmpty(s){
    return !s.length;    
}

function isBlank(s){
    return isEmpty(s.trim());    
}

---

从...开始：

return (!value || value == undefined || value == "" || value.length == 0);

查看最后一个条件，如果 value == ""，则它的长度必须为 0。因此删除它：

return (!value || value == undefined || value == "");

可是等等！在 JavaScript 中，空字符串为假。因此，丢弃值 == ""：

return (!value || value == undefined);

并且 !undefined 为真，因此不需要检查。所以我们有：

return (!value);

而且我们不需要括号：

return !value

---

我使用组合，最快的检查是第一个。

function isBlank(pString) {
    if (!pString) {
        return true;
    }
    // Checks for a non-white space character
    // which I think [citation needed] is faster
    // than removing all the whitespace and checking
    // against an empty string
    return !/[^\s]+/.test(pString);
}

---

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

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 空字符或空白字符（即不间断空格、字节顺序标记、行/段落分隔符等）。

---

同时，我们可以有一个函数来检查所有“空”，例如 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

---

我对如果将非字符串和非空/空值传递给测试器函数会发生什么进行了一些研究。众所周知， (0 == "") 在 JavaScript 中是正确的，但由于 0 是一个值，而不是空或 null，您可能需要对其进行测试。

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

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

存在更复杂的示例，但这些示例很简单并且给出了一致的结果。无需测试未定义，因为它包含在 (value == null) 检查中。您还可以通过将它们添加到 String 来模仿 C# 行为，如下所示：

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

你不想把它放在 Strings 原型中，因为如果 String-class 的实例为 null，它会报错：

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; } }]
];

---

我在这里没有看到好的答案（至少不是适合我的答案）

所以我决定回答自己：

value === undefined || value === null || value === "";

您需要开始检查它是否未定义。否则您的方法可能会爆炸，然后您可以检查它是否等于 null 或等于空字符串。

你不能有！！或者只有 if(value)，因为如果您检查 0，它会给您一个错误的答案（0 是错误的）。

话虽如此，将其包装在如下方法中：

public static isEmpty(value: any): boolean { return value === undefined || value === null || value === ""; }

PS.：你不需要检查typeof，因为它甚至在它进入方法之前就会爆炸并抛出

---

使用 null-coalescing 运算符修剪空白：

if (!str?.trim()) {
  // do something...
}

---

尝试这个：

export const isEmpty = string => (!string || !string.length);

---

所有这些答案都很好。

但我不能确定变量是一个字符串，不只包含空格（这对我很重要），并且可以包含“0”（字符串）。

我的版本：

function empty(str){
    return !str || !/[^\s]+/.test(str);
}

empty(null); // true
empty(0); // true
empty(7); // false
empty(""); // true
empty("0"); // false
empty("  "); // true

jsfiddle 上的示例。

---

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;

---

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

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

当 test 为 undefined 或 null 时，需要进行类型检查以避免运行时错误。

---

忽略空白字符串，您可以使用它来检查 null、空和未定义：

var obj = {};
(!!obj.str) // Returns false

obj.str = "";
(!!obj.str) // Returns false

obj.str = null;
(!!obj.str) // Returns false

它很简洁，适用于未定义的属性，尽管它不是最易读的。

---