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