如何在Javascript中按属性对数组进行排序[重复]

Question

我有一个数组如下：

const list = [
  { id: 1, name: 'Product 1', color: 'white'},
  { id: 2, name: 'Product 2', color: 'black'},
  { id: 3, name: 'Product 3', color: 'red'},
  { id: 4, name: 'Product 4', color: 'white'},
  { id: 5, name: 'Product 5', color: 'black'},
]

我想根据预定义的颜色顺序对数组进行排序：红色 -> 白色 -> 黑色并输出：

const list = [
  { id: 3, name: 'Product 3', color: 'red'},
  { id: 1, name: 'Product 1', color: 'white'},
  { id: 4, name: 'Product 4', color: 'white'},
  { id: 5, name: 'Product 5', color: 'black'},
  { id: 2, name: 'Product 2', color: 'black'}
]

Answer 1

let colorPriority = ['red', 'white', 'black'];
list = list.sort((obj1, obj2) => colorPriority.indexOf(obj1.color) - colorPriority.indexOf(obj2.color));

这段代码应该适合你。