javascript无法对复杂数组进行排序[重复]

Question

我有以下数组要排序。

const input = ["12 - Blue, Red, Orange, Purple", 
"16 - White, Black, Yellow, Blue, Pink",
"14 -  Yellow, Brown, Grey, Maroon, Green",
"20 - Red, Black, Yellow, Peach, Aqua",
"7 - White, Cream, Grey, Green, Magenta" ]

目的是按升序对行进行排序，如第 7 行，然后是第 12 行、第 14 行、第 16 行，最后是第 20 行。这是我尝试过但不起作用的方法

const input = [
  "12 - Blue, Red, Orange, Purple",
  "16 - White, Black, Yellow, Blue, Pink",
  "14 -  Yellow, Brown, Grey, Maroon, Green",
  "20 - Red, Black, Yellow, Peach, Aqua",
  "7 - White, Cream, Grey, Green, Magenta"
]

var x = input.sort(function(a, b) {
  return a[0] > b[0] ? 1 : -1;
});

console.log(x)

如此复杂的数组如何升序排序？

Answer 1

您需要取整数值并按其增量排序。

const
    input = ["12 - Blue, Red, Orange, Purple",
        "16 - White, Black, Yellow, Blue, Pink",
        "14 -  Yellow, Brown, Grey, Maroon, Green",
        "20 - Red, Black, Yellow, Peach, Aqua",
        "7 - White, Cream, Grey, Green, Magenta"
    ];

input.sort(function(a, b) {
    return parseInt(a, 10) - parseInt(b, 10);
});

console.log(input);

颜色排序。

const
    input = ["12 - Blue, Red, Orange, Purple",
        "16 - White, Black, Yellow, Blue, Pink",
        "14 -  Yellow, Brown, Grey, Maroon, Green",
        "20 - Red, Black, Yellow, Peach, Aqua",
        "7 - White, Cream, Grey, Green, Magenta"
    ],
    sorted = input
        .map(s => {
            const [number, colors] = s.split(' - ');
            return [
                number,
                colors
                    .split(/,\s*/)
                    .sort((a, b) => a.localeCompare(b))
                    .join(', ')
            ].join(' - ');
        })
       .sort((a, b) => parseInt(a, 10) - parseInt(b, 10));

console.log(sorted);