将时间数组中的小时与分钟分开

Question

我目前正在开发一个使用 Redux 和 React 的项目。要填写输入，我必须请求服务器，服务器返回一组时间（它可能有一个或多个成员）。像这样：{  "start_hour": [    "10:00",    "15:55",    "20:08"  ]}我必须将小时和分钟分开并有两种状态。像这样：{  "hours": [    "10",    "15",    "20"  ];  "minutes": [    "00",    "55",    "08"  ];}我怎样才能做到这一点？有这方面的库吗？

Answer 1

使用Array.prototype.reduce和String.split函数，可以按如下方式完成此操作。

const input = {

  "start_hour": [

    "10:00",

    "15:55",

    "20:08"

  ]

};

const output = input.start_hour.reduce((acc, cur) => {

  const curArr = cur.split(':');

  acc.hours.push(curArr[0]);

  acc.minutes.push(curArr[1]);

  return acc;

}, { hours: [], minutes: [] });

console.log(output);