如何拆分点分隔字符串并通过符号动态获取对象数据？

嘿，这个问题我太熟了！你现在的写法确实只能固定处理两层属性，要搞定任意层级的嵌套对象属性获取，有几个实用又靠谱的方案，我给你详细说说：

方案一：使用Array.reduce()（最推荐，简洁安全） #

这是现代JavaScript里最常用的写法，代码简洁还能避免中途属性不存在导致的报错：

const getNestedProperty = (obj, path) => {
  // 把路径按点分割成数组，用reduce逐层遍历
  return path.split('.').reduce((currentObj, key) => {
    // 如果当前层级不存在，直接返回undefined，防止报错
    return currentObj && currentObj[key] !== undefined ? currentObj[key] : undefined;
  }, obj); // 初始值传入原始对象
};

// 测试用例
const demoObj = {
  sender: {
    name: "tech",
    contact: {
      email: "tech@example.com",
      phone: {
        mobile: "1234567890"
      }
    }
  }
};

console.log(getNestedProperty(demoObj, "sender.name")); // 输出 "tech"
console.log(getNestedProperty(demoObj, "sender.contact.phone.mobile")); // 输出 "1234567890"
console.log(getNestedProperty(demoObj, "sender.address.city")); // 输出 undefined（不会报错）

这个方法的核心是用reduce逐步“深入”对象，每一步都检查当前层级是否存在，避免了直接访问不存在的属性抛出Cannot read properties of undefined错误。

方案二：递归函数（适合理解底层逻辑） #

如果你想更清晰地理解逐层查找的过程，递归写法会更直观：

const getNestedProperty = (obj, path) => {
  const keyList = path.split('.');
  // 递归终止条件：没有更多层级需要查找，返回当前对象
  if (keyList.length === 0) return obj;
  
  const currentKey = keyList.shift();
  // 如果当前对象不存在，或者没有这个属性，返回undefined
  if (!obj || !(currentKey in obj)) return undefined;
  
  // 递归处理剩下的路径
  return getNestedProperty(obj[currentKey], keyList.join('.'));
};

// 测试
const deepObj = { a: { b: { c: { d: "这是深层属性值" } } } };
console.log(getNestedProperty(deepObj, "a.b.c.d")); // 输出 "这是深层属性值"

递归的思路就是每次处理路径的第一个层级，然后把剩下的路径和当前层级的对象传入下一次递归，直到路径处理完或者遇到不存在的属性。

不推荐但可选：eval（仅限完全可控的场景） #

虽然能用，但eval存在安全风险（如果路径是用户输入的，可能被注入恶意代码），所以只在你完全信任路径来源的情况下使用：

// 警告：eval有安全风险，谨慎使用！
const getNestedProperty = (obj, path) => {
  try {
    return eval(`obj.${path}`);
  } catch (error) {
    // 捕获路径不存在的错误，返回undefined
    return undefined;
  }
};

总结 #

日常开发里优先用reduce的方案，它兼顾了简洁性和安全性，能完美处理任意层级的对象属性获取，还能避免不必要的报错。

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