更改JS中特定值的对象标签

Question

我正在研究react.js中的图表，我想显示按月排序的数据。在Django中，我创建了用于显示JSON的视图，每月都有总数，看起来这样：

    [
        {
            "month": "2022-06-01T00:00:00+02:00",
            "total": 4
        },
        {
            "month": "2022-08-01T00:00:00+02:00",
            "total": 1
        }
    ]
]

想对该数组中的每个对象进行排序，然后将“月度”从数字到月份更改为“月”，因此：

    [
        {
            "month": "june",
            "total": 4
        },
        {
            "month": "august",
            "total": 1
        }
    ]
]

我 我正在使用Chartist的图表。

Answer 1

您可以将全日期存储为单独的密钥（称为日期），并使用预定义的数组为每个月的名称设置单独的函数。这是您要使用的代码：

const monthName = ["January", "February", "March", "April", "May", "June",     
"July", "August", "September", "October", "November", "December"]; // Array representing each month

var chartItems = [
    {
        "date": "2022-06-01T00:00:00+02:00",
        "month": null,
        "total": 4
    },
    {
        "date": "2022-08-01T00:00:00+02:00",
        "month": null,
        "total": 1
    }
];

// Run through each item in the array
function setMonths(arr) {
    arr.forEach(item => {
        const date = new Date(item.date); // Convert date string to Date object
        const monthIndex = date.getMonth(); // Get index of month from the Date
        const month = monthName[monthIndex]; // Convert index into text representing the month

        item.month = month; // Set the month key in the object to the new month
    });
}

setMonths(chartItems); // Call function to set months in the array

作为替代方案，您还可以为阵列中的每个对象制作一个方法，但是每次要获得一个月时，您都需要运行此方法。这是为此的代码：

const monthName = ["January", "February", "March", "April", "May", "June",     
"July", "August", "September", "October", "November", "December"];

var chartItems = [
    {
        "date": "2022-06-01T00:00:00+02:00",
        "month": function() { return monthName[new Date(this.date).getMonth()]; },
        "total": 4
    },
    {
        "date": "2022-08-01T00:00:00+02:00",
        "month": function() { return monthName[new Date(this.date).getMonth()]; },
        "total": 1
    }
];

您会这样得到：

chartItems[0].month(); // "[0]", meaning the first item in the array