JavaScript，检查嵌套对象属性是否为空/未定义的优雅方法[重复]

Question

我不时遇到的一个“问题”是我有一个对象，例如user = {} 并在使用该应用程序的过程中填充。假设在某个地方，在 AJAX 调用或我这样做之后：

user.loc = {
    lat: 50,
    long: 9
}

在另一个地方我想检查user.loc.lat 是否存在。

if (user.loc.lat) {
    // do something
}

如果它不存在，这将导致错误。如果user.loc.lat 是undefined，user.loc 当然也是undefined。

"Cannot read property 'lat' of null" - Dev Tools error

这意味着我需要像这样检查它：

if (user.loc) {
    if (user.loc.lat) {
        // do something
    }
}

或

if (user.loc && user.loc.lat) {
    // do something
}

这不是很漂亮，而且我的对象越大，效果就越差 - 显然（想象一下 10 层嵌套）。 如果user.loc 也是undefined，if(user.loc.lat) 不只是返回 false，这让我感到很沮丧。

检查这种情况的理想方法是什么？

Answer 1

您可以使用惰性and 组合检查：

if(user.loc && user.loc.lat) { ...

或者，您使用 CoffeeScript。并且 ES2020 有新的语法（ Nullish coalescing Operator ）。

user.loc?.lat?. '...'

它将检查loc 属性并防止空对象。

Answer 2

试试这个if(user && user.loc && user.loc.lat) {...}

您可以使用typeof检查 null 和 undefined 的值

如果.loc 的值是false，则可以尝试

if(user && user.loc && typeof(user.loc)!=="undefined"){...}

如果您有一个巨大的嵌套对象，请查看

Source.

function checkNested(obj /*, level1, level2, ... levelN*/) {
  var args = Array.prototype.slice.call(arguments),
      obj = args.shift();

  for (var i = 0; i < args.length; i++) {
    if (!obj.hasOwnProperty(args[i])) {
      return false;
    }
    obj = obj[args[i]];
  }
  return true;
}

var test = {level1:{level2:{level3:'level3'}} };

checkNested(test, 'level1', 'level2', 'level3'); // true
checkNested(test, 'level1', 'level2', 'foo'); // false

更新： 试试lodash.get

Answer 3

你可以使用这样的实用函数：

get = function(obj, key) {
    return key.split(".").reduce(function(o, x) {
        return (typeof o == "undefined" || o === null) ? o : o[x];
    }, obj);
}

用法：

 get(user, 'loc.lat')     // 50
 get(user, 'loc.foo.bar') // undefined

或者，仅检查属性是否存在，而不获取其值：

has = function(obj, key) {
    return key.split(".").every(function(x) {
        if(typeof obj != "object" || obj === null || ! x in obj)
            return false;
        obj = obj[x];
        return true;
    });
}

if(has(user, 'loc.lat')) ...

Answer 4

好吧，javascript 有 try-catch。根据您实际需要做的事情（即，如果它是 undefined，您的 else 语句会是什么样子），这可能就是您想要的。

示例：

try {
   user.loc.lat.doSomething();
} catch(error) {
   //report
}