如果我有对象的引用：
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);
}
但我想知道是否有更好的方法。
当前回答
function propsExists(arg) {
try {
const result = arg()
if (typeof result !== 'undefined') {
return true
}
return false
} catch (e) {
return false;
}
}
此函数还将测试0，null。如果他们在场，它也将返回真实。
例子：
函数propsExists（arg）{尝试{常量结果=arg（）if（结果类型！==“undefined”）{返回true}return false}捕获（e）{return false；}}让obj={测试：{a： 空，b： 0，c： 未定义，d： 4中，e： “嘿”，f： （）=>{}，g： 5.4中，h： 假，i： 真的，j： {}，k： []，我：{a： 1中，}}};console.log（'obj.test.a'，propsExists（（）=>obj.test/a））console.log（'obj.test.b'，propsExists（（）=>obj.test.b））console.log（'obj.test.c'，propsExists（（）=>obj.test.c））console.log（'obj.test.d'，propsExists（（）=>obj.test-d））console.log（'obj.test.e'，propsExists（（）=>obj.test.ex））console.log（'obj.test.f'，propsExists（（）=>obj.test-f））console.log（'obj.test.g'，propsExists（（）=>obj.test/g））console.log（'obj.test.h'，propsExists（（）=>obj.test.h））console.log（'obj.test.i'，propsExists（（）=>obj.test-i））console.log（'obj.test.j'，propsExists（（）=>obj.test.j））console.log（'obj.test.k'，propsExists（（）=>obj.test.k））console.log（'obj.test.l'，propsExists（（）=>obj.test/l））
其他回答
简单使用https://www.npmjs.com/package/js-aid用于检查嵌套对象的包。
function isIn(string, object){
var arr = string.split(".");
var notFound = true;
var length = arr.length;
for (var i = 0; i < length; i++){
var key = arr[i];
if (!object.hasOwnProperty(key)){
notFound = false;
break;
}
if ((i + length) <= length){
object = object[key];
}
}
return notFound;
}
var musicCollection = {
hasslehoff: {
greatestHits : true
}
};
console.log(isIn("hasslehoff.greatestHits", musicCollection));
console.log(isIn("hasslehoff.worseHits", musicCollection));
这里是我的基于字符串的分隔符版本。
您还可以将tc39可选链接建议与babel 7-tc39建议可选链接一起使用
代码如下所示：
const test = test?.level1?.level2?.level3;
if (test) alert(test);
您可以尝试可选链接（但要注意浏览器兼容性）。
let test = {level1: {level2: {level3: 'level3'}}};
let level3 = test?.level1?.level2?.level3;
console.log(level3); // level3
level3 = test?.level0?.level1?.level2?.level3;
console.log(level3); // undefined
有一个babel插件（@babel/plugin建议可选链接）用于光学通道。所以，如果需要，请升级您的babel。
这个问题由来已久。今天，您可以使用可选链接（？.）
let value = test?.level1?.level2?.level3;
资料来源：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining
