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

Question

我看到了this question，但没有看到 JavaScript 特定的示例。 JavaScript 中是否有一个简单的string.Empty 可用，还是只是检查"" 的情况？

Answer 1

如果你只是想检查是否有truthy value，你可以这样做：

if (strValue) {
    //do something
}

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

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

Answer 2

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

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

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

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

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

如果你愿意，你可以像这样monkey-patchString原型：

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());

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

Answer 3

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

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

或者使用类型转换：

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

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

• 它为null、undefined、0、000、""、false 返回false。

• 它为空字符串以外的所有字符串值返回true（包括像"0"和" "这样的字符串）

Answer 4

你能得到的最接近str.Empty（前提是str是一个字符串）是：

if (!str.length) { ...

Answer 5

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

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

Answer 6

我用：

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

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

Answer 7

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

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

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

Answer 8

性能

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

结论

• 基于!str、==、=== 和length 的简单解决方案适用于所有浏览器（A、B、C、G、I、J）
• 基于正则表达式 (test,replace) 和 charAt 的解决方案对于所有浏览器 (H,L,M,P) 来说都是最慢的
• 标记为最快的解决方案仅在一次测试运行中最快 - 但在许多运行中它会在“快速”解决方案组内发生变化

详情

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

• "" "a" " "- 空字符串、带字母的字符串和带空格的字符串
• []{}f- 数组、对象和函数
• 0 1 NaN Infinity - 数字
• true false - 布尔值
• nullundefined

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

function A(str) {
  let r=1;
  if (!str)
    r=0;
  return r;
}

function B(str) {
  let r=1;
  if (str == "")
    r=0;
  return r;
}

function C(str) {
  let r=1;
  if (str === "")
    r=0;
  return r;
}

function D(str) {
  let r=1;
  if(!str || 0 === str.length)
    r=0;
  return r;
}

function E(str) {
  let r=1;
  if(!str || /^\s*$/.test(str))
    r=0;
  return r;
}

function F(str) {
  let r=1;
  if(!Boolean(str))
    r=0;
  return r;
}

function G(str) {
  let r=1;
  if(! ((typeof str != 'undefined') && str) )
    r=0;
  return r;
}

function H(str) {
  let r=1;
  if(!/\S/.test(str))
    r=0;
  return r;
}

function I(str) {
  let r=1;
  if (!str.length)
    r=0;
  return r;
}

function J(str) {
  let r=1;
  if(str.length <= 0)
    r=0;
  return r;
}

function K(str) {
  let r=1;
  if(str.length === 0 || !str.trim())
    r=0;
  return r;
}

function L(str) {
  let r=1;
  if ( str.replace(/\s/g,"") == "")
    r=0;
  return r;
}

function M(str) {
  let r=1;
  if((/^\s*$/).test(str))
    r=0;
  return r;
}


function N(str) {
  let r=1;
  if(!str || !str.trim().length)
    r=0;
  return r;
}

function O(str) {
  let r=1;
  if(!str || !str.trim())
    r=0;
  return r;
}

function P(str) {
  let r=1;
  if(!str.charAt(0))
    r=0;
  return r;
}

function Q(str) {
  let r=1;
  if(!str || (str.trim()==''))
    r=0;
  return r;
}

function R(str) {
  let r=1;
  if (typeof str == 'undefined' ||
      !str ||
      str.length === 0 ||
      str === "" ||
      !/[^\s]/.test(str) ||
      /^\s*$/.test(str) ||
      str.replace(/\s/g,"") === "")

    r=0;
  return r;
}




// --- TEST ---

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(Infinity)}        ${f(f)} ${f(true)}    ${f(false)}     ${f(null)}    ${f(undefined)}`);
let log2 = (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)}`);
let 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 = "" - 你可以在你的机器上运行测试 here

Answer 9

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

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

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

Answer 10

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

在 JavaScript 中没有任何东西代表空字符串。检查length（如果您知道var 始终是字符串）或""

Answer 11

试试：

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

Answer 12

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

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

Answer 13

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

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

检查是否为空字符串或由空格填充的字符串。

Answer 14

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

毫无疑问，快速简单的实施获胜者是：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,"") === "")
        return true;
    else
        return false;
}

有点过分，我知道。

Answer 15

1. 检查var a;是否存在

2. 去掉值中的false spaces，然后测试emptiness

   if ((a)&&(a.trim()!=''))
   {
     // if variable a is not empty do this 
   }
   

Answer 16

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

你可以用这个正则表达式来测试它：

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

Answer 17

我通常使用这样的东西，

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

Answer 18

如果需要检测空字符串和空字符串，我将添加到 Goral 的答案中：

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

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

Answer 19

开始于：

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

看最后一个条件，如果value == ""，它的长度必须为0。所以丢弃它：

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

但是等等！在 JavaScript 中，空字符串为假。因此，drop value == "":

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

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

return (!value);

而且我们不需要括号：

return !value

Answer 20

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

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

Answer 21

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

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

Answer 22

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

Answer 23

目前还没有像 string.empty 这样的直接方法来检查字符串是否为空。但是在您的代码中，您可以使用包装器检查空字符串，例如：

// considering the variable in which your string is saved is named str.

if (str && str.length>0) { 

  // Your code here which you want to run if the string is not empty.

}

使用它，您还可以确保字符串也不是未定义的或为空的。请记住，undefined、null 和 empty 是三种不同的东西。

Answer 24

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

所以我决定自己回答：

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

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

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

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

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

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

Answer 25

所有这些答案都很好。

但我不能确定变量是字符串，不只包含空格（这对我很重要），并且可以包含“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 上的示例。

Answer 26

我对如果将非字符串和非空/空值传递给测试器函数会发生什么进行了一些研究。众所周知，(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) 检查中。您还可以通过将 C# 行为添加到 String 中来模仿，如下所示：

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

Answer 27

检查它是否完全是一个空字符串：

if(val==="")...

检查它是否为空字符串或无值的逻辑等价物（null、undefined、0、NaN、false、...）：

if(!val)...

Answer 28

使用空合并运算符修剪空白：

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

Answer 29

如果只是检查空字符串

if (str.length){
  //do something
}

如果您还想在支票中简单地包含 null 和 undefined

if (Boolean(str)){
  //this will be true when the str is not empty nor null nor undefined
}

Answer 30

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

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

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