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

从JSON提取键值数组

lodash json arrays javascript

bluprince13 · 技术社区 · 8 年前

如何从嵌套的JS对象生成某个键值对的数组?有没有一个lodash函数来做这种事情?

原始数据

{
  "data": {
    "allLecturesJson": {
      "edges": [
        {
          "node": {
            "index": 1,
            "date": "01/02/2018",
            "presenter": "Mary",
          }
        },
        {
          "node": {
            "index": 2,
            "date": "01/03/2018",
            "presenter": "Jack",
          }
        },
  }
}

预期结果

[
  {
    "index": 1,
    "date": "01/02/2018",
    "presenter": "Mary",
  },
  {
    "index": 2,
    "date": "01/03/2018",
    "presenter": "Jack"
  }
]

4 回复 | 直到 8 年前

Strelok 8 年前

jsonData.data.allLecturesJson.edges.map(e => e.node)

Mamun 8 年前

map()

Array.prototype.map()

var jsonData = {
  "data": {
    "allLecturesJson": {
      "edges": [
        {
          "node": {
            "index": 1,
            "date": "01/02/2018",
            "presenter": "Mary",
          }
        },
        {
          "node": {
            "index": 2,
            "date": "01/03/2018",
            "presenter": "Jack",
          }
        }
      ]
    }
  }
}

var resArr = jsonData.data.allLecturesJson.edges.map(i => i.node);
console.log(resArr);

Rahul Gaba 8 年前

Array.prototype.reduce()

const input = {
  "data": {
    "allLecturesJson": {
      "edges": [
        {
          "node": {
            "index": 1,
            "date": "01/02/2018",
            "presenter": "Mary",
          }
        },
        {
          "node": {
            "index": 2,
            "date": "01/03/2018",
            "presenter": "Jack",
          }
        }]
  }
}};

const output = input.data.allLecturesJson.edges.reduce((accumulator, currVal) => {
  return [...accumulator, currVal.node];
}, []);

Rohìt Jíndal 8 年前

Array.map() Arrow

var jsonObj = {
  "data": {
    "allLecturesJson": {
      "edges": [
        {
          "node": {
            "index": 1,
            "date": "01/02/2018",
            "presenter": "Mary",
          }
        },
        {
          "node": {
            "index": 2,
            "date": "01/03/2018",
            "presenter": "Jack",
          }
        }
      ]
    }
  }
};

var res = jsonObj.data.allLecturesJson.edges.map(obj => obj.node);

console.log(res);

推荐文章

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

1 年前

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

1 年前

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

1 年前

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

1 年前

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

1 年前

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

1 年前

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

1 年前

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

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

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

1 年前