JavaScript中如何判断多层嵌套对象中的属性是否存在

不需要逐层和undefined做判断，有三种常用的更优实现方式：

方案1：可选链操作符（最推荐，ES2020+支持） #

可选链操作符?.会在访问路径上的属性不存在时自动返回undefined，不会抛出类型错误，代码写法非常简洁：

function f(value) {
  const json = JSON.parse(value);
  const prop = json?.a?.b?.c?.property;
  // 属性不存在直接退出
  if (prop === undefined) return;
  // 后续正常逻辑
}

方案2：try-catch捕获错误（兼容所有JS环境） #

如果你的运行环境不支持ES2020新语法，可以用try-catch包裹取值逻辑，只要路径上任意一层不存在抛出错误，就直接退出函数：

function f(value) {
  let prop;
  try {
    const json = JSON.parse(value);
    prop = json.a.b.c.property;
  } catch (err) {
    // 捕获到取值错误直接退出
    return;
  }
  // 后续正常逻辑
}

方案3：通用深层取值工具函数（适合多场景复用） #

如果项目中有大量类似的深层属性取值需求，可以封装一个通用工具函数，避免重复写判断逻辑：

// 工具函数：从对象按路径取值，不存在返回默认值
function deepGet(obj, propertyPath, defaultValue = undefined) {
  const pathSegments = propertyPath.split('.');
  let current = obj;
  for (const segment of pathSegments) {
    if (current === null || current === undefined) {
      return defaultValue;
    }
    current = current[segment];
  }
  return current;
}

// 业务代码使用
function f(value) {
  const json = JSON.parse(value);
  const prop = deepGet(json, 'a.b.c.property');
  if (prop === undefined) return;
  // 后续正常逻辑
}

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