每天一點(diǎn)前端知識 - 數(shù)組排序

實(shí)現(xiàn)

    const sort = (arr, key = null, desc = false) => {
return [...(arr || [])].sort((x, y) => {
const a = key ? x[key] : x;
const b = key ? y[key] : y;
if (!isNaN(Number(a)) && !isNaN(Number(a))) {
return desc ? b - a : a - b;
}
if (typeof a === 'string' && typeof b === 'string') {
return desc ? b.localeCompare(a) : a.localeCompare(b);
}
if (typeof a === 'string' && typeof b === 'number') {
return desc ? -1 : 1;
}
if (typeof a === 'number' || typeof a === 'string') {
return desc ? 1 : -1;
}
return desc ? -1 : 1;
});
};
  

使用

    sort(arr, key = null, desc = false)

- arr：數(shù)組
- key：根據(jù) `key` 值來排序
- desc：是否為降序，默認(rèn) `false`

  

示例

    const arr = [
{
    path: '/a',
    name: 'a',
},
{
    path: '/a/1',
    name: 'a1',
},
{
    path: '/c',
    name: 'c',
},
{
    path: '/a/3',
    name: 'a3',
},
{
    path: '/b/1',
    name: 'b1',
},
{
    path: '/c/1',
    name: 'c1',
},
{
    path: '/b',
    name: 'b',
},
{
    path: '/c/2',
    name: 'c2',
},
{
    path: '/a/2',
    name: 'a2',
},
{
    path: '/b/2',
    name: 'b2',
},
{
    path: '/b/1/1',
    name: 'b11',
},
];

sort(arr, 'path');

  

演示地址：https://ihuxy.com/play?utils=sort