JavaScript访问嵌套字典不存在路径时如何返回false而非报错

你原本的写法会报错是因为三元运算符的判断条件本身就会触发异常：访问dict['test3']得到的是undefined，再执行undefined['testz']会直接抛出cannot read property of undefined错误，根本不会执行后续的三元判断逻辑。

方案1：可选链（原生最简洁） #

你对可选链的顾虑其实不存在，它天生就支持任意层数的嵌套安全访问，只要中间某层不存在就会直接返回undefined，不会抛出异常，配合空值合并运算符即可实现不存在返回false的需求：

// 即使是5层嵌套写法也非常简洁
const test_path1 = dict?.test2?.testa ?? false;
const test_path2 = dict?.test3?.testz ?? false;

方案2：通用工具函数（兼容旧环境/批量路径处理） #

如果需要兼容不支持可选链的旧环境，或者需要批量处理大量不同路径，可以封装一个通用的路径取值函数：

/**
 * 安全获取嵌套对象的属性值，不存在则返回默认值
 * @param {object} obj 要取值的目标对象
 * @param {string|Array} path 取值路径，支持数组形式['a','b',0]或字符串形式'a.b.0'
 * @param {any} defaultValue 路径不存在时的返回值，默认false
 * @returns {any} 取值结果或默认值
 */
function safeGet(obj, path, defaultValue = false) {
  const keyList = Array.isArray(path) ? path : path.split('.');
  let current = obj;
  for (const key of keyList) {
    if (current === null || current === undefined || !Object.prototype.hasOwnProperty.call(current, key)) {
      return defaultValue;
    }
    current = current[key];
  }
  return current ?? defaultValue;
}

使用示例：

const test_path1 = safeGet(dict, ['test2', 'testa']);
const test_path2 = safeGet(dict, ['test3', 'testz']);
// 多层嵌套写法统一
const deepValue = safeGet(userDict, ['level1', 'level2', 'level3', 'level4', 'level5']);

如果要访问数组的下标，路径中直接传数字即可，比如要获取dict.test2数组的第一个元素，写法为safeGet(dict, ['test2', 0])。

内容的提问来源于stack exchange，提问作者user12810571