"day" "week" "month"和"year"的分类

Question

我有一个来自API 的对象数组

[
{path: 'image', location: 'LOCATION_1', time: 'day'}
1: {path: 'image', location: 'LOCATION_2', time: 'week'}
2: {path: 'image', location: 'LOCATION_1', time: 'year'}
3: {path: 'image', location: 'LOCATION_1', time: 'week'}
4: {path: 'image', location: 'LOCATION_1', time: 'month'}
5: {path: 'image', location: 'LOCATION_2', time: 'day'}
6: {path: 'image', location: 'LOCATION_2', time: 'month'}
7: {path: 'image', location: 'LOCATION_2', time: 'year'}
]

我想根据时间对它们进行排序，但当我这样做时，它就像

day
month
week
year

有什么办法让它像

day
week
month
year

我在javascript中使用功能组件。

Answer 1

在排序函数中，您将与字符串进行比较，这就是为什么您将获得按字母顺序排序的列表。如果你想要一个自定义的顺序，你可以创建一个地图来遵循这个顺序。

const data = [
{path: 'image', location: 'LOCATION_1', time: 'day'},
{path: 'image', location: 'LOCATION_2', time: 'week'},
{path: 'image', location: 'LOCATION_1', time: 'year'},
{path: 'image', location: 'LOCATION_1', time: 'week'},
{path: 'image', location: 'LOCATION_1', time: 'month'},
{path: 'image', location: 'LOCATION_2', time: 'day'},
{path: 'image', location: 'LOCATION_2', time: 'month'},
{path: 'image', location: 'LOCATION_2', time: 'year'},
];
const timeMap = {
day: 0,
week: 1,
month: 2,
year: 3,
}
data.sort((a, b) => {
return timeMap[a.time] - timeMap[b.time];
});
console.log(data);

Answer 2

使用如下排序方法
mdn：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

let arr = 
[
{path: 'image', location: 'LOCATION_1', time: 'day'},
{path: 'image', location: 'LOCATION_2', time: 'week'},
{path: 'image', location: 'LOCATION_1', time: 'year'},
{path: 'image', location: 'LOCATION_1', time: 'week'},
{path: 'image', location: 'LOCATION_1', time: 'month'},
{path: 'image', location: 'LOCATION_2', time: 'day'},
{path: 'image', location: 'LOCATION_2', time: 'month'},
{path: 'image', location: 'LOCATION_2', time: 'year'}
];
let sortBy = ["day", "week", "month", "year"]
console.log(arr.sort((a,b) => sortBy.indexOf(a.time) - sortBy.indexOf(b.time)))