js文件名排序

简介: js文件名排序

处人不可任己意,要悉人之情;处事不可任己见,要悉事之理。——吕坤

分享一个今天写的简单的文件名排序

function fileNameCompare(a, b) {
    if (a == null || b == null) return 0;
    let na = a.split(/[-_.—, (]/)
    let nb = b.split(/[-_.—, (]/)
    let maxLoop = Math.max(na.length, nb.length)
    for (let i = 0; i < maxLoop; i++) {
        if (!isNaN(Number(na[i])) && !isNaN(Number(nb[i]))) {
            let num = Number(na[i]) - Number(nb[i])
            if (num !== 0) {
                return num
            }
        }
    }
    let ma = a.match(/[0-9]+/)
    let mb = b.match(/[0-9]+/)
    if (ma.length && mb.length) {
        let num = Number(ma[0]) - Number(mb[0])
        if (num !== 0) {
            return num
        }
    }
    return a.localeCompare(b)
}
// 使用:
let arr =
    [
        {name: '28-01_00.jpg'}
        , {name: '28-01_01.jpg'}
        , {name: '28-03_01.jpg'}
        , {name: '28-03_03.jpg'}
        , {name: '28-02_01.jpg'}
        , {name: '文件名1 (1).jpg'}
        , {name: '文件名10.jpg'}
        , {name: '文件名2.jpg'}
        , {name: '文件名1.jpg'}
        , {name: undefined}
        , {name: '文件名1 (1) - 副本.jpg'}
    ].sort((a, b) => fileNameCompare(a.name, b.name))
console.log(arr)


效果:

相关文章
|
4月前
egg.js 24.13sequelize模型-字段限制排序分页
egg.js 24.13sequelize模型-字段限制排序分页
67 1
egg.js 24.13sequelize模型-字段限制排序分页
|
1月前
|
JavaScript
js实现模糊搜索和排序
js实现模糊搜索和排序
9 0
|
4月前
|
JavaScript 前端开发 API
js截取图片地址后面的参数和在路径中截取文件名或后缀名
在处理网页上的图片资源或者其他类型的文件资源时,你可能会遇到需要使用这些技巧的情况。以下是一些具体的使用场景:
129 0
|
3月前
|
JavaScript
JS数组排序看懂这篇就够了
JS数组排序看懂这篇就够了
32 1
|
3月前
|
JavaScript 前端开发 数据管理
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
1060 1
|
2月前
|
JavaScript
JS 【详解】双指针排序 -- 数组合并后递增排序
JS 【详解】双指针排序 -- 数组合并后递增排序
20 0
|
2月前
|
前端开发 JavaScript
前端 JS 经典:最近距离排序
前端 JS 经典:最近距离排序
16 0
|
2月前
|
JavaScript 搜索推荐
js 混合排序(同时存在数字、字母、汉字等)
js 混合排序(同时存在数字、字母、汉字等)
141 0
|
2月前
|
JavaScript
js 排序—— sort() 对普通数组、对象数组(单属性/多属性)排序
js 排序—— sort() 对普通数组、对象数组(单属性/多属性)排序
22 0
|
3月前
|
JavaScript 搜索推荐 算法
JS的三种排序方法,它们的原理
JS的三种排序方法,它们的原理
22 0