使用lodash映射/變換對象的javascript數組

Question

我有一個看起來像這樣的對象數組：

[
     {
      "group": {
        "name": "Software Developers",
        "desc":"some desc"
      },
      "name": "devs 1", 
        "file": "f1.csv"
    },
    {
      "group": {
        "name": "Software Developers",
        "desc":"some desc"
      },
      "name": "devs 2", 
      "file": "f2.csv"
    },
    {
      "group": {
        "name": "Ceos",
        "desc":"some desc"
      },
      "name": "ceos 1", 
      "file": "f3.csv"
    },
    {
      "group": {
        "name": "Ceos",
        "desc":"some desc"
      },
      "name": "ceos 2", 
      "file": "f4.csv"
    }
]

使用lodash如何將這個json數組轉換為如下形式：

 [ { "group": { "name": "Software Developers", "desc":"some desc" }, lists: [{ "name": "devs 1", "file": "f1.csv" }, { "name": "devs 2", "file": "f2.csv" }] }, { "group": { "name": "Ceos", "desc":"some desc" }, lists: [{ "name": "ceos 1", "file": "f3.csv" }, { "name": "ceos 2", "file": "f4.csv" }] } ] 

我嘗試了各種解決方案，但沒有任何運氣。

Answer 1

_.groupBy()為group.name ，然后_.map()為所需的結構：

 const data = [{"group":{"name":"Software Developers","desc":"some desc"},"name":"devs 1","file":"f1.csv"},{"group":{"name":"Software Developers","desc":"some desc"},"name":"devs 2","file":"f2.csv"},{"group":{"name":"Ceos","desc":"some desc"},"name":"ceos 1","file":"f3.csv"},{"group":{"name":"Ceos","desc":"some desc"},"name":"ceos 2","file":"f4.csv"}]; const result = _.flow([ (arr) => _.groupBy(arr, 'group.name'), (groups) => _.map(groups, (g) => ({ ..._.head(g).group, lists: _.map(g, o => _.pick(o, ['name', 'file'])) })) ])(data); console.log(result); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script> 

Answer 2

你也可以做到這一點，而不通過ES6 lodash與Object.entries ， reduce和map ：

 const data = [{ "group": { "name": "Software Developers", "desc": "some desc" }, "name": "devs 1", "file": "f1.csv" }, { "group": { "name": "Software Developers", "desc": "some desc" }, "name": "devs 2", "file": "f2.csv" }, { "group": { "name": "Ceos", "desc": "some desc" }, "name": "ceos 1", "file": "f3.csv" }, { "group": { "name": "Ceos", "desc": "some desc" }, "name": "ceos 2", "file": "f4.csv" } ] const result = Object.entries(data.reduce((r,c) => (r[c.group.name] = [...r[c.group.name] || [], c], r), {})) .reduce((r,[k,v]) => (r.push({ group: v[0].group, lists: v.map(({name, file}) => ({ name, file })) }), r), []) console.log(result)