创建全局函数并在整个项目中使用

试试这个

函数isExist（arg）{尝试{返回参数（）；}捕获（e）{return false；}}让obj＝{a:5，b:{c:5}}；console.log（isExist（（）=>obj.b.c））console.log（isExist（（）=>obj.b.foo））console.log（isExist（（）=>obj.test.foo））

if条件

if(isExist(()=>obj.test.foo)){
   ....
}

怎么样

try {
   alert(test.level1.level2.level3)
} catch(e) {
 ...whatever

}

我也遇到了同样的问题，我想看看是否能找到自己的解决方案。这接受要检查的路径作为字符串。

function checkPathForTruthy(obj, path) {
  if (/\[[a-zA-Z_]/.test(path)) {
    console.log("Cannot resolve variables in property accessors");
    return false;
  }

  path = path.replace(/\[/g, ".");
  path = path.replace(/]|'|"/g, "");
  path = path.split(".");

  var steps = 0;
  var lastRef = obj;
  var exists = path.every(key => {
    var currentItem = lastRef[path[steps]];
    if (currentItem) {
      lastRef = currentItem;
      steps++;
      return true;
    } else {
      return false;
    }
  });

  return exists;
}

下面是一些日志记录和测试用例的片段：

console.clear（）；var测试案例=[[“data.Messages[0].Code”，true]，[“data.Messages[1].Code”，true]，[“data.Messages[0]['Code']”，true]，['data.Messages[0][“Code”]'，true]，[“data[Messages][0]['Code']”，错误]，[“data['Messages'][0]['Code']”，真]];var path=“data.Messages[0].Code”；变量obj={数据：{消息：[{代码：“0”}, {代码：“1”}]}}函数checkPathForTruthy（obj，路径）{if（/\[[a-zA-Z_]/.test（路径））{console.log（“无法解析属性访问器中的变量”）；return false；}path=路径替换（/\[/g，“.”）；path=路径替换（/]|'|“/g，”“）；path=路径拆分（“.”）；var步数=0；var lastRef=obj；var logOutput=[]；var exists=path.every（key=>{var currentItem=lastRef[path[steps]]；if（currentItem）{logOutput.push（currentItem）；lastRef=当前项；步骤++；返回true；}其他{return false；}});console.log（存在，logOutput）；返回存在；}testCase.forEach（testCase=>{如果（checkPathForTruthy（obj，testCase[0]）==testCase[1]）{console.log（“通过：”+testCase[0]）；}其他{console.log（“失败：”+testCase[0]+“预期”+testCase[1]）；}});

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

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。

如果像字符串一样处理名称：“t.level1。level2。level3”，则可以在任何深度读取对象属性。

window.t={level1:{level2:{level3: 'level3'}}};

function deeptest(s){
    s= s.split('.')
    var obj= window[s.shift()];
    while(obj && s.length) obj= obj[s.shift()];
    return obj;
}

alert(deeptest('t.level1.level2.level3') || 'Undefined');

如果任何段未定义，则返回undefined。

在html模板中使用一行程序并没有真正好的答案，所以我使用ES6代理做了一个。您只需将一个对象或值传递给“遍历”函数，并使用返回值或回退值的函数调用来完成所需的嵌套调用。使用：

const testObject=｛深度：｛嵌套：｛对象：｛closure:（）=>｛return“closure”｝，数量：9，布尔值：真，数组：[1，2，｛foo:｛bar:true｝｝]} }}}遍历（testObject）.dep（）//｛嵌套：｛…｝｝遍历（testObject）.non.existint（）//未定义的遍历（testObject）.dep.enested.obj.closure（）//关闭遍历（testObject）.dep.enested.obj.array[5]（'fallback'）//后退，后退遍历（testObject）.dep.enested.obj.array[2]（）//｛foo:｛…｝｝遍历（testObject）.dep.enested.obj.array[2].foo.bar（）//真的遍历（testObject）.dept.netnested.obj.array[2].foo.bar[4]（'fallback'）//后退，后退遍历（testObject）.完全.错误[3].调用（）.WILL_THROW（）//未捕获的TypeError:无法读取未定义的属性“WILL_TROW”

函数本身：

常量遍历=（输入）=>{//唯一空对象const unset=新对象（）；//我们需要包装器来确保我们可以访问同一个唯一的空对象常量闭包=（输入）=>{//将每个输入包装到此const handler=new Function（）；handler.input=输入；//返回包装器代理返回新代理（handler{//保持横向移动获取：（target，name）=>{//如果未定义，则作为初始输入提供if（！target.input）{返回关闭（未设置）；}//否则if（target.input[name]！==未定义）{//输入具有该属性返回闭包（target.input[name]）；}其他{返回关闭（未设置）；}},//带回退的结果apply:（目标，上下文，参数）=>{return handler.input==未设置？args[0]：handler.input；}})}返回闭合（输入）；}