使用字串鍵訪問巢狀的 JavaScript 物件


可以使用 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));
      }
   }
};

可以透過傳遞陣列來使用它來訪問道具。

示例

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

輸出

這會輸出 −

{level3: {name: "Foo"}}

更新於: 2019 年 11 月 27 日

超過 2K 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始
廣告
© . All rights reserved.