递归获取对象属性

最新推荐文章于 2024-01-03 13:30:44 发布

夹道欢呼

最新推荐文章于 2024-01-03 13:30:44 发布

阅读量312

点赞数

文章标签： javascript 前端

原文链接：https://juejin.cn/post/7223938976158957624

版权

该文章介绍了一个JavaScript函数，利用递归方法遍历对象并获取深层属性值。当指定路径的属性不存在时，函数会返回一个默认值。示例展示了如何获取嵌套对象如user.info.name,user.info.address.home等的值。

摘要由CSDN通过智能技术生成

利用递归方法，遍历获取对象里面对应属性值

const user = {
  info: {
    name: "张三",
    address: { home: "Shaanxi", company: "Xian" },
  },
};

// obj是获取属性的对象，path是路径，fallback是默认值
function get(obj, path, fallback) {
  const parts = path.split(".");
  const key = parts.shift();
  if (typeof obj[key] !== "undefined") {
    return parts.length > 0 ?
      get(obj[key], parts.join("."), fallback) :
      obj[key];
  }
  // 如果没有找到key返回fallback
  return fallback;
}

console.log(get(user, "info.name")); // 张三
console.log(get(user, "info.address.home")); // Shaanxi
console.log(get(user, "info.address.company")); // Xian
console.log(get(user, "info.address.abc", "fallback")); // fallback