การตั้งค่าคุณสมบัติของวัตถุอย่างปลอดภัยด้วยสตริงเครื่องหมายจุดใน JavaScript

คุณสามารถใช้วิธีการตั้งค่าของ lodash เพื่อตั้งค่าคุณสมบัติได้ทุกระดับอย่างปลอดภัย การตั้งค่าคุณสมบัติระดับแรกค่อนข้างตรงไปตรงมา การเข้าถึงคุณสมบัติที่ซ้อนกันนั้นยุ่งยากและคุณควรใช้ไลบรารีที่ทดสอบแล้วเช่น lodash

คุณสามารถตั้งค่าวัตถุที่ซ้อนกันอย่างลึกล้ำด้วยวิธีต่อไปนี้ -

ตัวอย่าง

let _ = require("lodash");
let obj = {
   a: {
      b: {
         foo: "test"
      },
      c: 2
   }
};
_.set(obj, "a.b.foo", "test1");
_.set(obj, "a.c", { test2: "bar" });
console.log(obj);

ผลลัพธ์

สิ่งนี้จะให้ผลลัพธ์ -

{ a: { b: { foo: 'test1' }, c: { test2: 'bar' } } }

คุณยังสามารถเขียนฟังก์ชัน setUpdateProp ของคุณเองด้วยวิธีต่อไปนี้ -

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

คุณสามารถใช้มันโดยส่งอาร์เรย์เพื่อเข้าถึงอุปกรณ์ประกอบฉาก

ตัวอย่าง

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

ผลลัพธ์

สิ่งนี้จะให้ผลลัพธ์ -

{ level1: { level2: 'FooBar', anotherLevel2: 'bar' } }