检查值的新方法是if（Object.entries（this.props.myarticle）.length==0）{}

这里肌肉是物体

如果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;
}

    let jsObject = JSON.parse(JSON.stringify(obj), (key, value) => {
                if (value === null ||
                    value === '' ||
                    (value.constructor === Object && Object.entries(value).length === 0) ||
                    (value.constructor === Array && value.length === 0)) {
                    return undefined
                }
                return value
            })

这将递归地过滤掉所有无效字段。

对于有相同问题但使用jQuery的人，可以使用jQuery.isEmptyObject。

表演

今天2020.01.17，我在Chrome v79.0、Safari v13.0.4和Firefox v72.0上对macOS High Sierra 10.13.6进行了测试；对于所选的解决方案。

结论

基于for in（A，J，L，M）的解决方案最快基于JSON.stringify（B，K）的解决方案很慢令人惊讶的是，基于Object（N）的解决方案也很慢注意：此表与下面的照片不匹配。

细节

下面的代码片段中提供了15种解决方案。如果您想在机器上运行性能测试，请单击此处。该链接于2021.07.08年更新，但最初在这里进行测试，上表中的结果来自那里（但现在看起来该服务不再工作）。

var log=（s，f）=>console.log（`$｛s｝-->{｝：$｛f（｛｝）｝｛k:2｝：${f（{k:2}）｝`）；函数A（obj）{for（obj中的var i）返回false；返回true；}函数B（obj）{返回JSON.stringify（obj）==“｛｝”；}函数C（obj）{return Object.keys（obj）.length==0；}函数D（obj）{return Object.entries（obj）.length==0；}函数E（obj）{return Object.getOwnPropertyNames（obj）.length==0；}函数F（obj）{return Object.keys（obj）.length==0&&obj.constructor==对象；}函数G（obj）{返回obj类型==“undefined”||！布尔（Object.keys（obj）[0]）；}函数H（obj）{return Object.entries（obj）.length==0&&obj.constructor==对象；}函数I（obj）{return Object.values（obj）.every（（val）==>typeof val==“undefined”）；}函数J（obj）{for（obj中的常量键）{if（hasOwnProperty.call（obj，key））{return false；}}返回true；}函数K（obj）{for（obj中的var属性）{if（obj.hasOwnProperty（prop））{return false；}}返回JSON.stringify（obj）==JSON.sstringify（｛｝）；}函数L（obj）{for（obj中的var属性）{if（obj.hasOwnProperty（prop））返回false；}返回true；}函数M（obj）{for（obj中的var k）{如果（obj.hasOwnProperty（k））{return false；}}返回true；}函数N（obj）{返回(对象.getOwnPropertyNames（obj）.length==0&&对象.getOwnPropertySymbol（obj）.length==0&&Object.getPrototypeOf（obj）==Object.prototype);}函数O（obj）{回来（Object.getOwnPropertyNames！==未定义? Object.getOwnPropertyNames（obj）.length！==0：（函数（）{for（obj中的var键）break；返回键！==空键！==未定义；})());}日志（“A”，A）；日志（“B”，B）；日志（“C”，C）；日志（“D”，D）；日志（“E”，E）；日志（“F”，F）；日志（“G”，G）；日志（“H”，H）；日志（“I”，I）；日志（“J”，J）；log（“K”，K）；日志（“L”，L）；日志（“M”，M）；日志（“N”，N）；日志（“O”，O）；

奇怪的是，我没有遇到一个解决方案来比较对象的值，而不是任何条目的存在（可能我在许多给定的解决方案中都没有找到它）。我想介绍一下如果一个对象的所有值都未定义，则该对象被视为空的情况：

const isObjectEmpty=obj=>Object.values（obj）.every（val=>typeof val==“undefined”）console.log（isObjectEmpty（｛｝））//trueconsole.log（isObjectEmpty（｛foo:undefined，bar:undefine｝））//trueconsole.log（isObjectEmpty（｛foo:false，bar:null｝））//false

示例用法

举个例子，我们有一个函数（paintOnCanvas），它从参数（x，y和size）中销毁值。如果所有这些选项都未定义，则它们将被排除在生成的选项集之外。如果不是，它们都包括在内。

function paintOnCanvas ({ brush, x, y, size }) {
  const baseOptions = { brush }
  const areaOptions = { x, y, size }
  const options = isObjectEmpty(areaOptions) ? baseOptions : { ...baseOptions, areaOptions }
  // ...
}