เข้าถึงค่าที่ซ้อนกันอย่างลึกซึ้งใน JavaScript ได้อย่างปลอดภัย

คุณสามารถใช้วิธีรับของ lodash เพื่อรับคุณสมบัติในทุกระดับได้อย่างปลอดภัย การรับคุณสมบัติระดับแรกนั้นค่อนข้างตรงไปตรงมา การเข้าถึงคุณสมบัติที่ซ้อนกันนั้นยุ่งยากและคุณควรใช้ไลบรารีที่ทดสอบแล้วเช่น 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"}}