JavaScript에서 점 표기법 문자열로 안전하게 객체 속성 설정하기

lodash의 set 메서드를 사용하여 모든 수준에서 안전하게 속성을 설정할 수 있습니다. 첫 번째 수준 속성을 설정하는 것은 매우 간단합니다. 중첩 속성 액세스는 까다롭기 때문에 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);
      }
   }
};

props에 액세스하기 위해 배열을 전달하여 사용할 수 있습니다.

예시

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

출력

이것은 출력을 줄 것입니다 -

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