代码之家 › 专栏 › 技术社区 › Chan

将嵌套对象转换为对象数组并删除关键帧

lodash ecmascript-6 javascript

Chan · 技术社区 · 7 年前

如何转换如下对象:

const data = 
{
  "1":{
    name: 'Main Parent',
    descendants: {
      "1":{
        name: "Main Child 1",
        children: {
          "1":{
            name: "Sub Child 1"
          }
        }
      },
      "2":{
        name: "Main Child 2",
        children: {
          "1":{
            name: "Sub Child 1"
          }
        }
      },

    }
  }
}

要删除对象关键帧,然后转换为如下对象阵列:

const data = [
  {
    name: 'Main Parent 1',
    descendants: [
      {
        name: "Main Child 1",
        children: [
          {
            name: "Sub Child 1"
          }
        ]
      },
      {
        name: "Main Child 2",
        children: [
          {
            name: "Sub Child 1"
          }
        ]
      }
    ]
  }
]

已尝试使用lodash。values()函数,我可以获取对象的值,但在为嵌套对象执行此操作时遇到困难。有什么想法吗?

1 回复 | 直到 7 年前

CertainPerformance 7 年前

对两者都使用递归和测试 children 钥匙和 descendants 密钥:

const input = {
  "1": {
    name: 'Main Parent',
    descendants: {
      "1": {
        name: "Main Child 1",
        children: {
          "1": {
            name: "Sub Child 1"
          }
        }
      },
      "2": {
        name: "Main Child 2",
        children: {
          "1": {
            name: "Sub Child 1"
          }
        }
      },

    }
  }
};

const output = recursiveTransform(input);
function recursiveTransform(inputObj) {
  const newArr = Object.values(inputObj);
  newArr.forEach(obj => {
    if (obj.descendants) obj.descendants = recursiveTransform(obj.descendants);
    if (obj.children) obj.children = recursiveTransform(obj.children);
  });
  return newArr;
}
console.log(output);

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

5 月前

Alex · 在轻量级中同时解构和不解构变量

5 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

5 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

5 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

5 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

6 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

6 月前

user3472810 · Angular@Output/EventEmitter返回undefined

6 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

6 月前