这段代码将帮助你根据颜色值按升序排序。

const colors = [
      {
        "color": "purple",
        "type": true
       
      },
      {
        "color": "red",
        "type": false
      },
      {
        "color": "green",
        "type": true
      },
      {
        "color": "black",
        "type": false
      },
      {
        "color": "pink",
        "type": true
      }
    ]
    
    const sortedColors = colors.sort((a, b) => {
      if (a.color < b.color) {
        return -1;
      }
      if (a.color > b.color) {
        return 1;
      }
      return 0;
    });
    
    console.log(sortedColors);

JavaScript中的Array.prototype.sort接受带有两个参数的回调。
来自MDN，
| compareFn（a，b）返回值|排序次序|
| - ------|- ------|
| 〉0|将a排在b之后|
| 〈0|先排序a后排序b|
| === 0|保持a和b的原始顺序|
但是，您可以使用内置的String.prototype.localeCompare来比较两个字符串，而不是编写自己的比较函数。

const colors = [
  {
    "color": "purple",
    "type": true
   
  },
  {
    "color": "red",
    "type": false
  },
{
    "color": "green",
    "type": true
  },
{
    "color": "black",
    "type": false
  },
{
    "color": "pink",
    "type": true
  }]
  

const list = colors.sort((a, b) => a.color.localeCompare(b.color));
console.log(list);

试试这个，会有用的。
您可以根据需要改变条件，谢谢.

const colors = [{
    "color": "purple",
    "type": true

  },
  {
    "color": "red",
    "type": false
  },
  {
    "color": "green",
    "type": true
  },
  {
    "color": "black",
    "type": false
  },
  {
    "color": "pink",
    "type": true
  }
]

const result = colors.sort((a, b) => (a.color > b.color) ? 1 : ((b.color > a.color) ? -1 : 0))
console.log(result);

使用sort()，您希望比较数组中的两个元素，因此需要在其中放置两个参数。

const colors = [
  {
    "color": "purple",
    "type": true
   
  },
  {
    "color": "red",
    "type": false
  },
{
    "color": "green",
    "type": true
  },
{
    "color": "black",
    "type": false
  },
{
    "color": "pink",
    "type": true
  }]
  

const list = colors.sort((a, b) => a.color > b.color);
console.log(list);