JavaScript，检查null / undefined的嵌套对象属性的优雅方法

JavaScript, elegant way to check nested object properties for null/undefined

本问题已经有最佳答案，请猛点这里访问。

我偶尔会遇到一个"问题"，就是我有一个对象，例如： user = {}并且通过使用应用程序的过程，这将填充。让我们说一下，在AJAX调用之后或者我这样做的事情：

1
2
3
4

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

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

1
2
3

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

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

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

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

1
2
3
4
5

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

要么

1
2
3

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

这不是很漂亮，我的对象越大越好 - 显然(想象10级嵌套)。
有点遗憾的是，如果user.loc undefined，if(user.loc.lat)不仅仅是返回false。

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

相关讨论

您可以使用这样的实用程序函数：

1
2
3
4
5

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

用法：

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

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

1
2
3
4
5
6
7
8
9
10

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')) ...

相关讨论

好吧，javascript有try-catch。根据您实际需要做的事情(即else语句在undefined之后会是什么样子)，这可能就是您想要的。

例：

1
2
3
4
5

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

相关讨论

您可以使用lazy and组合检查：

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

或者，您使用CoffeeScript并编写

1	user.loc?.lat ...

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

相关讨论

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

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

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

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

如果你有一个巨大的嵌套对象而不是看看

资源。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

更新：
试试lodash.get

相关讨论