使用 filter、groupby 和 orderby 映射 json 数组的值

Question

我有以下格式的 json

[{
    "id": 1,
    "role": {
      "id": "25",
    },
    "target": {
      "id": "1083",
    },
    "staff": {
      "name: "
      ccc "
    }
  },
  {
    "id": 2,
    "role": {
      "id": "25",
    },
    "target": {
      "id": "1083",
    },
    "staff": {
      "name: "
      aaa "
    }
  },
  {
    "id": 3,
    "role": {
      "id": "25",
    },
    "target": {
      "id": "1084",
    },
    "staff": {
      "name: "
      staff1 "
    }
  },
  {
    "id": 4,
    "role": {
      "id": "3",
    },
    "target": {
      "id": "1083",
    },
    "staff": {
      "name: "
      aaa "
    }
  }
]

我正在尝试按角色 ID 对所有特定目标 ID 进行分组。一切正常，除了我还想按员工姓名对内容进行排序。

const groupIt = targetId =>
  chain(data[2])
  .filter(x => x.target.id === targetId)
  .groupBy("role.id")
  .value()

console.log(groupIt('1083'))

预期结果

{
  "25": [{
      "id": 2 "role": {
        "id": "25",
      },
      "target": {
        "id": "1083",
      },
      "staff": {
        "name": "aaa"
      }

    },
    {
      "id": 2 "role": {
        "id": "25",
      },
      "target": {
        "id": "1083",
      },
      "staff": {
        "name": "ccc"
      }
    }
  ],
  "3": [{
    "id": 4,
    "role": {
      "id": "3",
    },
    "target": {
      "id": "1083",
    },
    "staff": {
      "name": "staff1"
    }
  }]
}

我尝试同时保持 orderBy ，但没有奏效。我正在考虑遍历每个角色并对它们进行排序。但我正在考虑是否有其他解决方案。

Answer 1

您可以 orderBy 然后对项目进行分组。这将设置组内的顺序。但是，它不会影响组的顺序，因为 role.id 是 numeric property that can be converted to an integer。

const data = [{"id":1,"role":{"id":"25"},"target":{"id":"1083"},"staff":{"name":"ccc"}},{"id":2,"role":{"id":"25"},"target":{"id":"1083"},"staff":{"name":"aaa"}},{"id":3,"role":{"id":"25"},"target":{"id":"1084"},"staff":{"name":"staff1"}},{"id":4,"role":{"id":"3"},"target":{"id":"1083"},"staff":{"name":"aaa"}}]

const groupIt = targetId =>
  _(data)
  .filter(['target.id', targetId])
  .orderBy('staff.name')
  .groupBy('role.id')
  .value()

console.log(groupIt('1083'))

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