如何检查对象中的对象是否存在

Question

似乎以下用于检查对象成员是否存在的技术会产生错误，因为在检查之前尚未声明“bar”父对象，这意味着我必须在检查之前声明它或使用两个'typeof' 表达式，其中任何一个都是多余的代码：

var foo = {},
    newVal = (typeof foo.bar.myVal !== 'undefined' ? foo.bar.myVal : null );

Error: foo.bar is undefined

那么，如何检查未声明对象中的成员是否存在而不产生错误？

我喜欢 javascript，但有时...

Answer 1

只需使用以下代码即可完成：

var newVal = (foo && foo.bar && typeof foo.bar.myVal !== 'undefined') ? foo.bar.myVal : foo.bar.myVal

一个属性为空或未定义，它会被评估为假，所以上面的代码只会处理到第一个'假'语句。

Answer 2

var newVal = ('foo' in window && // could be typeof foo !== 'undefined' if you want all scopes
             'bar' in foo &&
             'myVal' in foo.bar) ? foo.bar.myVal : null;

公平地说，javascript 读起来几乎像自然语言。

Answer 3

最简单的测试是：

if (foo && foo.bar) {
  // play with foo.bar.myVal  ... 
}

Answer 4

你可以把它包装成一个方法：

function checkGraph(obj, graphPath)
{
  var parts = graphPath.split(".");
  var root = obj;

  for (var i = 0; i < parts.length; i++)
  {
    var part = parts[i];
    if (root[part] && root.hasOwnProperty(part))
      root = root[part];
    else
      return false;
  }

  return true;
}

你可以这样称呼它：

var foo = {},
    newVal = checkGraph(foo, "bar.myVal") ? foo.bar.myVal : null;

Answer 5

正如Matthew Abbott 在他的回复中给出的那样，如果您对整个对象或链上某处可能为空的子属性进行大量深入研究，您可以编写一个方法供它稍后使用。下面是我使用lodash 的实现。

checkGraph(obj, graphPath) {
    if (obj) {
      let root = obj;
      _.each(graphPath.split('.'), part => {
        if (root[part]) {
          root = root[part];
        } else {
          return false; // bad property
        }
      });
      return true;
    }
    return false; // bad object
  }

你可以这样调用方法：

if (this.checkGraph(object, 'property.subproperty') {
    // do thing
}

Answer 6

还有另一种方法是使用 JS 转译器，例如 Babel：

if (foo?.bar) {
  // play with foo.bar.myVal  ... 
}