javascript - 如何检查属性是否包含属性

Question

我需要检查一个属性是否包含一个属性，现在我正在使用示例中的 if 语句

这是一个示例对象

var Foo = {
    "bar" : 
        {
            "foobar":
                {
                    "barfoo":1
                }
        }
}

我需要检查是否barfoo存在，但首先我需要检查所有其他属性是否存在，因为它们可能不取决于是否运行了另一个函数。我也不能真正降低这种结构的水平，所以这不是一个选择。

目前我正在做类似的事情：

var d = Foo;
if (d) {
    d = d.bar;
    if (d) {
        d = d.foobar;
        if (d) {
            d = d.barfoo;
            if(d){
                console.log(d);
            }
        }
    }
}

Answer 1

您可以在一个if语句中完成所有操作：

if (d && d.bar && d.bar.foobar && d.bar.foobar.barfoo)

这是有效的，因为如果任何元素失败，javascript 将停止检查 if 语句，因此它不会出现类似cannot check property of undefined.

否则，您可以使用 try catch 语句：

var barfoo;
try{
  barfoo = d.bar.foobar.barfoo
}
catch(e){
  barfoo = null;
}

Answer 2

你可以只用 - 做一个 if 语句，&&它会做短路评估。

if (d
    && d.hasOwnProperty('bar')
    && d.bar.hasOwnProperty('foobar')
    && d.bar.foobar.hasOwnProperty('barfoo')
) {
    // fancy things happen
}

您使用的原因d.hasOwnProperty('bar')不仅仅是d.bar为了防止某些东西污染了对象原型。

Answer 3

更强大的解决方案：检查对象的任何深度

var Foo = {
    "bar": {
        "foobar": {
            "barfoo": {
                "ddd": 1
            }
        }
    }
};

function checkProps(obj) {
    var ref = obj, arg, i;
    for (i = 1; i < arguments.length; i += 1) {
        arg = arguments[i];
        if(ref.hasOwnProperty(arg)){
            ref = ref[arg]
        } else {
            return false;
        }
    }
    return true;
}
//the function takes the object to search as first parameter and any other properties [,prop1,prop2,...]
console.log(checkProps(Foo, 'bar', 'foobar', 'barfoo', 'ddd'));

Answer 4

如果您只需要知道它是否存在，您可以使用 try/catch 来完成

尝试{

  if (Foo.bar.foobar.barfoo) {

      //do stuff with your thingy because you know it exists

  }

} 捕捉（x）{

     //you know it's no good/doesn't exist

}