Как обработать поля JSON с помощью lodash map / countBy / groupBy? - PullRequest
Новая
       16

Как обработать поля JSON с помощью lodash map / countBy / groupBy?

0 голосов
/ 23 октября 2019

У меня есть следующий json для обработки: 

[
  {
    "id": "device1",
    "name": "dev1",
    "status": "online",
    "pool": "pool1",
    "ports": [
       {
          "id": "port1",
          "status": "online"
       },
       {
          "id": "port2",
          "status": "offline"
       },
       {
          "id": "port3",
          "status": "online"
       }
    ]
  },
  {
    "id": "device2",
    "name": "dev2",
    "status": "online",
    "pool": "pool2",
    "ports": [
       {
          "id": "port1",
          "status": "offline"
       },
       {
          "id": "port2",
          "status": "offline"
       },
       {
          "id": "port3",
          "status": "online"
       }
    ]
  }
]

И мне нужно посчитать количество портов для каждого пула, я думал о чем-то вроде этого:

внутри устройств. jsx: 

fetchDevices(props) {
   Promise.all([
      getDevices()  //=> This func fetchs and return the json
   ]).then(results => {
      let devices = flatten(results)

      if (props.filter) {
        devices = filter(devices, this.props.filter)
      }

      let pools = chain(devices)
         .groupBy('pool')
         .map((value, key) => ({
            name: key,
            devices: chain(value).filter(device => ['online','offline'].includes(device.status)).value()
         }))
         .values()
         .map(pool => Object.assign(pool,
           {
             ports: countBy(pool.devices, 'ports'),
             portsCount: pool.devices.reduce((memo, device) => memo + device.ports, 0)
           })
         )
         .value()
   }
   ...
}

Позже, в коде, который я пытаюсь отобразить portsCount: 

<div><span className="value">{pool.portsCount}</span> {pool.portsCount === 1 ? 'port' : 'ports'}</div>

, когда я запускаю код, я не получаю никакого значения, код в порядке? или я что-то здесь упускаю?

в основном я хочу обработать: 

var arr = [
{
  "id":"device1",
  "pool":"pool1",
  "ports": [
    {
      "id": "port1",
      "status": "online"
    },
    {
      "id": "port2",
      "status": "offline"
    }
  ]
},
{
  "id":"device2",
  "pool":"pool2",
  "ports": [
    {
      "id": "port1",
      "status": "offline"
    }
  ]
}
];

и с groupBy и .map получить portsCount для каждого пула, какие-либо идеи?

Ответы [ 3 ]

1 голос
/ 23 октября 2019

Первая проблема заключается в том, что сокращение для portsCount является неправильным. Вы не добавляете / не возвращаете число, используйте свойство length ports для соответствующего pool: 

let pools = _.chain(data)
  .groupBy("pool")
  .map((value, key) => ({
    name: key,
    devices: _.chain(value)
      .filter(device => ["online", "offline"].includes(device.status))
      .value()
  }))
  .values()
  .map(pool =>
    Object.assign(pool, {
      ports: _.countBy(pool.devices, "ports"),
      portsCount: pool.devices.reduce((memo, device) => {
        return memo + device.ports.length;
      }, 0)
    })
  )
  .value();

Затем в коде реакции вы можете повторить цикл так: 

<div>
  {this.state.pools.map(pool => (
    <div>
      <span className="value">{pool.portsCount}</span>{" "}
      {pool.portsCount === 1 ? "port" : "ports"}
    </div>
  ))}
</div>

Вот пример в действии.

Надеюсь, это поможет!

1 голос
/ 23 октября 2019 
const result = devices.map(device => ({
  [device.pool]: device.ports.length
}))
console.log(result)

https://repl.it/repls/KaleidoscopicLazyBase

1 голос
/ 23 октября 2019

GroupBy the pool и сопоставить группы с объектом. Вы можете объединить порты групп в массив, используя _.flatMap() с _.reject() для удаления значений null. Чтобы получить общее количество портов групп, вы можете использовать _.sumBy(): 

const arr = [{"id":"device1","pool":"pool1","ports":[{"id":"port1","status":"online"},{"id":"port2","status":"offline"}]},{"id":"device2","pool":"pool2","ports":[{"id":"port1","status":"offline"}]}, {"id":"device1","pool":"pool1","ports": null}];

const result = _(arr)
  .groupBy('pool')
  .map((g, name) => ({
    name,
    ports: _(g).flatMap('ports').reject(_.isNil).value(), // combine the ports arrays into a single array and remove null values
    portCount: _.sumBy(g, 'ports.length') // count the total ports
  }))
  .value();

console.log(result);
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.js"></script>
...