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"}}