javascript - 排序 "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

在排序函数中，您正在与字符串进行比较，这就是您获得按字母顺序排序的列表的原因。如果您想要自定义顺序，您可以创建一个 map 来遵循该顺序。

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);