如果我有对象的引用：
var test = {};
可能（但不是立即）具有嵌套对象，例如：
{level1: {level2: {level3: "level3"}}};
检查深度嵌套对象中是否存在属性的最佳方法是什么？
警报（测试级别1）；生成未定义，但警告（test.level1.level2.level3）；失败。
我目前正在做这样的事情：
if(test.level1 && test.level1.level2 && test.level1.level2.level3) {
alert(test.level1.level2.level3);
}
但我想知道是否有更好的方法。
当前回答
另一种解决方法是，例如，使用以下对象：
var x = {
a: {
b: 3
}
};
然后，我所做的是向这个对象添加以下函数：
x.getKey = function(k){
var r ;
try {
r = eval('typeof this.'+k+' !== "undefined"');
}catch(e){
r = false;
}
if(r !== false){
return eval('this.'+k);
}else{
console.error('Missing key: \''+k+'\'');
return '';
}
};
然后您可以测试：
x.getKey('a.b');
如果未定义，则函数返回“”（空字符串），否则返回现有值。
还请考虑检查链接的另一个更复杂的解决方案：JS对象具有属性深度检查
Object.prototype.hasOwnNestedProperty = function(propertyPath){
if(!propertyPath)
return false;
var properties = propertyPath.split('.');
var obj = this;
for (var i = 0; i < properties.length; i++) {
var prop = properties[i];
if(!obj || !obj.hasOwnProperty(prop)){
return false;
} else {
obj = obj[prop];
}
}
return true;
};
// Usage:
var obj = {
innerObject:{
deepObject:{
value:'Here am I'
}
}
}
obj.hasOwnNestedProperty('innerObject.deepObject.value');
注：还有一个递归版本。
其他回答
我认为这是一个轻微的改进（变成了一行）：
alert( test.level1 && test.level1.level2 && test.level1.level2.level3 )
这之所以有效，是因为&&运算符返回其计算的最终操作数（并且短路）。
最好、最简单的答案是：
var isDefinedPath = function (path) {
var items = path.split ('.');
if (!items || items.length < 1 || !(items[0] in window)) { return false; }
var buffer = [items[0]];
for (var i = 1, e = items.length; i < e; i ++) {
buffer.push (items[i]);
if (eval ('typeof(' + buffer.join ('.') + ') == "undefined"')) {
return false;
}
}
return true;
}
测试：isDefinedPath（'level.level.level3'）；
第一级不能是数组，其他级别可以
您可以使用“.”分隔对象和路径
函数checkPathExist（obj，路径）{var pathArray=路径.split（“.”）for（pathArray的var i）{if（反射get（obj，i））{obj=obj[i]；}其他{return false；}}返回true；}var测试=｛level1：｛level2：｛level3：‘level3‘｝｝｝｝；console.log（'level.level.level3=>'，checkPathExist（测试，'level.level 2.level3'））；//真的console.log（'level.level.foo=>'，checkPathExist（测试，'level.level 2.foo'））；//假的
我自动化了流程
if(isset(object,["prop1","prop2"])){
// YES!
}
function isset(object, props){
var dump;
try {
for(var x in props){
if(x == 0) {
dump = object[props[x]];
return;
}
dump = dump[props[x]];
}
} catch(e) {
return false;
}
return true;
}
如果您恰好使用AngularJs，则可以使用$parse服务检查是否存在深度对象属性，如下所示：
if( $parse('model.data.items')(vm) ) {
vm.model.data.items.push('whatever');
}
为了避免这样的陈述：
if(vm.model && vm.model.data && vm.model.data.items) {
....
}
不要忘记将$parse服务注入控制器
有关详细信息：https://glebbahmutov.com/blog/angularjs-parse-hacks/
