这是我从奥利弗·斯蒂尔那里学到的一个模式：

var level3 = (((test || {}).level1 || {}).level2 || {}).level3;
alert( level3 );

事实上，整篇文章讨论了如何在javascript中实现这一点。他决定使用上面的语法（一旦你习惯了，它就不那么难读了）作为成语。

下面是我的看法-这些解决方案中的大多数都忽略了嵌套数组的情况，如：

    obj = {
        "l1":"something",
        "l2":[{k:0},{k:1}],
        "l3":{
            "subL":"hello"
        }
    }

我可能想检查obj.l2[0].k

使用下面的函数，您可以执行深度测试（'l2[0].k'，obj）

如果对象存在，函数将返回true，否则返回false

函数deeptest（keyPath，testObj）{变量obj；keyPath=keyPath.split（'.'）var cKey=keyPath.shift（）；函数get（pObj，pKey）{var bracketStart，bracketEnd，o；bracketStart=pKey.indexOf（“[”）；if（bracketStart>-1）｛//检查嵌套数组bracketEnd=pKey.indexOf（“]”）；var arrIndex=pKey.substr（bracketStart+1，bracketEnd-bracketStart-1）；pKey=pKey.substr（0，括号开始）；var n=pObj[pKey]；o=n？n[arrIndex]：未定义；}其他{o=pObj[pKey]；}返回o；}obj=获取（testObj，cKey）；while（obj&&keyPath.length）{obj=get（obj，keyPath.shift（））；}返回typeof（obj）！=='未定义'；}变量obj={“l1”：“级别1”，“arr1”：[｛“k”：0｝，{“k”:1}，｛“k”：2｝],“子”：{“a”：“字母a”，“b”：“字母b”}};console.log（“l1：”+深度测试（“l1”，obj））；console.log（“arr1[0]：”+深度测试（“arr1[0]”，obj））；console.log（“arr1[1].k:”+深度测试（“arr1].k”，obj））；console.log（“arr1[1].j:”+深度测试（“arr1].j”，obj））；console.log（“arr1[3]：”+深度测试（“arr1[3]”，obj））；console.log（“arr2:”+深度测试（“arr2”，obj））；

您可以尝试可选链接（但要注意浏览器兼容性）。

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。

使现代化

看起来lodash已经为您的所有嵌套属性获取需求添加了_.get。

_.get(countries, 'greece.sparta.playwright')

https://lodash.com/docs#get

上一个答案

lodash用户可能喜欢lodash.contrib，它有几种方法可以缓解这个问题。

获取路径

签名：_.getPath（obj:Object，ks:String|Array）

基于所描述的路径获取嵌套对象中任何深度处的值给出的钥匙。键可以以数组或点分隔字符串的形式给出。如果无法到达路径，则返回undefined。

var countries = {
        greece: {
            athens: {
                playwright:  "Sophocles"
            }
        }
    }
};

_.getPath(countries, "greece.athens.playwright");
// => "Sophocles"

_.getPath(countries, "greece.sparta.playwright");
// => undefined

_.getPath(countries, ["greece", "athens", "playwright"]);
// => "Sophocles"

_.getPath(countries, ["greece", "sparta", "playwright"]);
// => undefined

还有一个非常紧凑的：

function ifSet(object, path) {
  return path.split('.').reduce((obj, part) => obj && obj[part], object)
}

打电话：

let a = {b:{c:{d:{e:'found!'}}}}
ifSet(a, 'b.c.d.e') == 'found!'
ifSet(a, 'a.a.a.a.a.a') == undefined

它的性能不会很好，因为它拆分了一个字符串（但增加了调用的可读性），并遍历所有内容，即使已经很明显找不到任何内容（但提高了函数本身的可读性。

至少比get快http://jsben.ch/aAtmc

这是我从奥利弗·斯蒂尔那里学到的一个模式：

var level3 = (((test || {}).level1 || {}).level2 || {}).level3;
alert( level3 );

事实上，整篇文章讨论了如何在javascript中实现这一点。他决定使用上面的语法（一旦你习惯了，它就不那么难读了）作为成语。