如何在JavaScript中将方括号对象键转换为嵌套对象？

我们知道，有两种方法可以访问JavaScript对象中的嵌套键。

例如，拿这个对象-

const obj = {
   object: {
      foo: {
         bar: {
            ya: 100
         }
      }
   }
};

如果我们需要访问或更新嵌套属性“ ya”，则可以像下面这样访问它：

方式1-

obj['object']['foo']['bar']['ya']

或方式2-

obj.object.foo.bar.ya

这两种方式都将我们引向同一目的地。

我们需要编写一个JavaScript函数，将嵌套键的路径作为字符串，如方式1所示，并将其转换为方式2所示的符号

示例

为此的代码将是-

const obj = { "object[foo][bar][ya]": 100 };
const constructDotNotation = obj => {
   const keys = Object.keys(obj)[0].split('[').map(el => {
      return el.replace(']', '');
   });
   let res = {};
   keys.reverse().forEach(key => {
      if (Object.keys(res).length === 0){
         res[key] = obj[Object.keys(obj)[0]];
      }else{
         const temp = {};
         temp[key] = res;
         res = temp;
      };
   });
   return res;
};
console.log(JSON.stringify(constructDotNotation(obj), undefined, 4));

输出结果

控制台中的输出将是-

{
   "object": {
      "foo": {
         "bar": {
            "ya": 100
         }
      }
   }
}