如果您不想要TypeError,则必须逐步执行此操作,因为如果其中一个成员是null 或undefined,并且您尝试访问某个成员,则会引发异常。
您可以简单地catch 异常,或者创建一个函数来测试多个级别的存在,如下所示:
function checkNested(obj /*, level1, level2, ... levelN*/) {
var args = Array.prototype.slice.call(arguments, 1);
for (var i = 0; i < args.length; i++) {
if (!obj || !obj.hasOwnProperty(args[i])) {
return false;
}
obj = obj[args[i]];
}
return true;
}
var test = {level1:{level2:{level3:'level3'}} };
checkNested(test, 'level1', 'level2', 'level3'); // true
checkNested(test, 'level1', 'level2', 'foo'); // false
ES6 更新:
这里是原始函数的一个更短的版本,使用 ES6 特性和递归(它也是proper tail call 形式):
function checkNested(obj, level, ...rest) {
if (obj === undefined) return false
if (rest.length == 0 && obj.hasOwnProperty(level)) return true
return checkNested(obj[level], ...rest)
}
但是,如果你想获取嵌套属性的值而不只是检查它的存在,这里有一个简单的单行函数:
function getNested(obj, ...args) {
return args.reduce((obj, level) => obj && obj[level], obj)
}
const test = { level1:{ level2:{ level3:'level3'} } };
console.log(getNested(test, 'level1', 'level2', 'level3')); // 'level3'
console.log(getNested(test, 'level1', 'level2', 'level3', 'length')); // 6
console.log(getNested(test, 'level1', 'level2', 'foo')); // undefined
console.log(getNested(test, 'a', 'b')); // undefined
上面的函数可以让你获取嵌套属性的值,否则会返回undefined。
2019 年 10 月 17 日更新:
optional chaining proposal 在ECMAScript committee process 上达到了第 3 阶段,这将允许您通过使用令牌 ?.(新的可选链接运算符)安全地访问深度嵌套的属性:: p>
const value = obj?.level1?.level2?.level3
如果访问的任何级别是 null 或 undefined,则表达式将自行解析为 undefined。
该提案还允许您安全地处理方法调用:
obj?.level1?.method();
如果obj、obj.level1或obj.level1.method是null或undefined,上述表达式将产生undefined,否则将调用该函数。
您可以使用 optional chaining plugin 开始使用 Babel 使用此功能。
由于Babel 7.8.0,默认支持ES2020
在 Babel REPL 上检查 this example。
??更新:2019 年 12 月??
在 2019 年 12 月的 TC39 委员会会议上,可选链提案终于 reached Stage 4。这意味着此功能将成为 ECMAScript 2020 标准的一部分。