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

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

属性为 null 或未定义，它将被评估为 false，因此上面的代码只会处理第一个“false”语句。

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  ... 
}