任何类型的值都为空

/* eslint-disable no-nested-ternary */

const isEmpty = value => {
  switch (typeof value) {
    case 'undefined':
      return true;
    case 'object':
      return value === null
        ? true
        : Array.isArray(value)
        ? !value.length
        : Object.entries(value).length === 0 && value.constructor === Object;
    case 'string':
      return !value.length;
    default:
      return false;
  }
};

我很喜欢我想出的这个，在这里的一些其他答案的帮助下。我想我会分享。

Object.defineProperty（Object.prototype，'isEmpty'{获取（）{for（此处为var p）{if（this.hasOwnProperty（p））｛return false｝}返回true；}});让用户＝{}；让颜色＝{primary:“红色”}；让大小＝{sm:100，md:200，lg:300}；控制台日志('\nusers='，用户，'\nusers.isEmpty==>'+users.isEmpty，“\n\n--------------\n”，'\ncolors='，颜色，'\ncolors.isEmpty==>'+colors.isEmpty，“\n\n--------------\n”，'\nsizes='，大小，'\nsizes.isEmpty==>'+sizes.isEmpty，“\n”，'');

jQuery在这种情况下具有特殊的函数isEmptyObject（）：

jQuery.isEmptyObject({}) // true
jQuery.isEmptyObject({ foo: "bar" }) // false

阅读更多信息http://api.jquery.com/jQuery.isEmptyObject/

尝试解构

const a = {};
const { b } = a;
const emptryOrNot = (b) ? 'not Empty' : 'empty';
console.log(emptryOrNot)

这一行代码也有助于回退到较旧的浏览器。

var a = {}; //if empty returns false
(Object.getOwnPropertyNames ? Object.getOwnPropertyNames(a).length !== 0 : (function(){ for(var key in a) break; return !!key })()) //Returns False

var a = {b:2}; //if not empty returns true
(Object.getOwnPropertyNames ? Object.getOwnPropertyNames(a).length !== 0 : (function(){ for(var key in a) break; return !!key })()) //Returns true

Object.getOwnPropertyNames在ECMA-5中实现。上面的行在具有回退功能的旧浏览器中工作。

另一个快速解决方案是检查Object.keys、Object.entries或Object.values

知识文章：关注这篇SO文章，了解Object.keys与Object.getOwnPropertyNames之间的详细区别

如果ECMAScript 5支持可用，则可以使用Object.keys（）：

function isEmpty(obj) {
    return Object.keys(obj).length === 0;
}

对于ES3和更高版本，没有简单的方法可以做到这一点。您必须显式循环财产：

function isEmpty(obj) {
    for(var prop in obj) {
        if(obj.hasOwnProperty(prop))
            return false;
    }

    return true;
}