如果我有对象的引用：
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);
}
但我想知道是否有更好的方法。
当前回答
/**
* @method getValue
* @description simplifies checking for existance and getting a deeply nested value within a ceratin context
* @argument {string} s string representation of the full path to the requested property
* @argument {object} context optional - the context to check defaults to window
* @returns the value if valid and set, returns undefined if invalid / not available etc.
*/
var getValue = function( s, context ){
var fn = function(){
try{
return eval(s);
}catch(e){
return undefined;
}
}
return fn.call(context||window,s);
}
和用法：
if( getValue('a[0].b[0].b[0].d') == 2 ) // true
其他回答
怎么样
try {
alert(test.level1.level2.level3)
} catch(e) {
...whatever
}
答案很多，但仍然是：为什么不更简单？
获取值的es5版本为：
function value(obj, keys) {
if (obj === undefined) return obj;
if (keys.length === 1 && obj.hasOwnProperty(keys[0])) return obj[keys[0]];
return value(obj[keys.shift()], keys);
}
if (value(test, ['level1', 'level2', 'level3'])) {
// do something
}
您也可以将其与value（config，['applet'，i，'height']）一起使用||42
CMS的ES6解决方案给了我这个想法。
ES6答案，经过彻底测试：）
const propExists = (obj, path) => {
return !!path.split('.').reduce((obj, prop) => {
return obj && obj[prop] ? obj[prop] : undefined;
}, obj)
}
→请参阅具有完整测试覆盖范围的Codepen
/**
* @method getValue
* @description simplifies checking for existance and getting a deeply nested value within a ceratin context
* @argument {string} s string representation of the full path to the requested property
* @argument {object} context optional - the context to check defaults to window
* @returns the value if valid and set, returns undefined if invalid / not available etc.
*/
var getValue = function( s, context ){
var fn = function(){
try{
return eval(s);
}catch(e){
return undefined;
}
}
return fn.call(context||window,s);
}
和用法：
if( getValue('a[0].b[0].b[0].d') == 2 ) // 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/
