Question

输入：

coord_cartesian

输入完整的JSON：https://api.myjson.com/bins/1e5qmn

输出：

[
  {
    "date": "2018-03-31T15:00:00.000Z",
    "value": "Some Value"
  },
  {
    "date": "2018-04-01T15:00:00.000Z",
    "value": "Some Value"
  },
  {
    "date": "2018-04-02T15:00:00.000Z",
    "value": "Some Value"
  },
  so on...
]

输出完整的JSON：https://api.myjson.com/bins/d8v4f

我可以使用以下代码实现输出。我使用momentjs格式化日期（这很好）：

[
  {
    "week": {
      "days": [
        {
          "date": 1,
          "day": "Sun",
          "formattedDate": "04/01(Sun)"
        },
        {
          "date": 2,
          "day": "Mon",
          "formattedDate": "04/02(Mon)"
        },
        so on...
      ]
    }
  },
  {
    "week": {

    }
  },
  {
    "week": {

    }
  },
  so on...
]

工作小提琴链接：https://jsfiddle.net/r2og6c54/

问题：有没有更有效的方法来实现这一点，即JavaScript本机方法或减少这些太多的循环等？任何建议都是最受欢迎的。谢谢！

Answer 1

这是vanilla JavaScript的解决方案，不使用moment.js：

const input = [{
    "date": "2018-03-31T15:00:00.000Z",
    "value": "Some Value"
  },
  {
    "date": "2018-04-01T15:00:00.000Z",
    "value": "Some Value"
  },
  {
    "date": "2018-04-02T15:00:00.000Z",
    "value": "Some Value"
  }
];
const output = Array(Math.ceil(input.length / 7))
  .fill()
  .map((_, i) => i * 7)
  .map(i => input.slice(i, i + 7))
  .map(w => ({
    week: {
      days: w.map(d => new Date(d.date)).map(d => {
        const date = d.toLocaleDateString('en', {day: '2-digit'});
        const month = d.toLocaleDateString('en', {month: '2-digit'});
        const day = d.toLocaleDateString('en', {weekday: 'short'})
        return {date, day, formattedDate: `${month}/${date}(${day})`};
      })
    }
  }));

console.log(output)

如果您还想处理value，可以按照以下步骤操作：

const output = Array(Math.ceil(input.length / 7))
  .fill()
  .map((_, i) => i * 7)
  .map(i => input.slice(i, i + 7))
  .map(w => ({
    week: {
      days: w.map(d => {
        const value = d.value;
        const date = new Date(d.date);
        const day = date.toLocaleDateString('en', {day: '2-digit'});
        const month = date.toLocaleDateString('en', {month: '2-digit'});
        const weekday = date.toLocaleDateString('en', {weekday: 'short'})
        return {day, weekday, formattedDate: `${month}/${day}(${weekday})`, value};
      })
    }
  }));

使用JavaScript以有效的方式将JSON对象从对象数组添加到另一个复杂的对象数组中

1 个答案: