在 JavaScript 中安全地访问深层嵌套的值

javascriptfront end technologyobject oriented programming更新于 2024/5/18 18:20:17

您可以使用 lodash 的 get 方法安全地获取任何级别的属性。获取第一级属性非常简单。嵌套属性访问比较棘手，您应该使用经过测试的库(如 lodash)来实现。

您可以通过以下方式访问深层嵌套的对象 −

示例

let _ = require("lodash");
let obj = {
   a: {
      b: {
         foo: "test"
      },
      c: 2
   }
};
console.log(_.get(obj, "a.b.foo"));
console.log(_.get(obj, "a.c"));
console.log(_.get(obj, "a.test"));
console.log(_.get(obj, "a.test.x"));

输出

将给出输出 −

test
2
undefined
undefined

你也可以用下面的方式编写自己的 getProp 函数 −

const getProp = (object, path) => {
   if (path.length === 1) return object[path[0]];
      else if (path.length === 0) throw error;
   else {
      if (object[path[0]]) return getProp(object[path[0]], path.slice(1));
      else {
         object[path[0]] = {};
         return getProp(object[path[0]], path.slice(1));
      }
   }
};

您可以通过传递数组来访问 props。

示例

var obj = {
   level1:{
      level2:{
         level3:{
            name: "Foo"
         }
      },
      anotherLevel2: "bar"
   }
};
console.log(getProp(obj, ["level1", "level2"]));