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)


效果:

相关文章
|
7月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
JavaScript 算法 前端开发
JS数组操作方法全景图,全网最全构建完整知识网络!js数组操作方法全集(实现筛选转换、随机排序洗牌算法、复杂数据处理统计等情景详解,附大量源码和易错点解析)
这些方法提供了对数组的全面操作,包括搜索、遍历、转换和聚合等。通过分为原地操作方法、非原地操作方法和其他方法便于您理解和记忆,并熟悉他们各自的使用方法与使用范围。详细的案例与进阶使用,方便您理解数组操作的底层原理。链式调用的几个案例,让您玩转数组操作。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
12月前
|
前端开发 JavaScript 算法
使用 JavaScript 数组方法实现排序与去重
【10月更文挑战第21天】通过灵活运用 `sort()` 方法和 `filter()` 方法,我们可以方便地实现数组的排序和去重。同时,深入理解排序和去重的原理,以及根据实际需求进行适当的优化,能够更好地应对不同的情况。可以通过实际的项目实践来进一步掌握这些技巧,并探索更多的应用可能性。
320 59
|
JavaScript 前端开发 API
js截取图片地址后面的参数和在路径中截取文件名或后缀名
在处理网页上的图片资源或者其他类型的文件资源时,你可能会遇到需要使用这些技巧的情况。以下是一些具体的使用场景:
498 0
|
12月前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结,包括插入,删除,更新,反转,排序等,如map、splice等
JavaScript数组的常用高阶函数,包括遍历、插入、删除、更新、反转和排序等操作,如map、splice、push、pop、reverse等。
321 0
|
JavaScript 前端开发
用Javascript对二维数组DIY按汉语拼音的排序方法
用Javascript对二维数组DIY按汉语拼音的排序方法
|
JavaScript
js实现模糊搜索和排序
js实现模糊搜索和排序
64 0
|
JavaScript
JS数组排序看懂这篇就够了
JS数组排序看懂这篇就够了
154 1
|
JavaScript 前端开发 数据管理
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
3384 1
|
JavaScript
JS 【详解】双指针排序 -- 数组合并后递增排序
JS 【详解】双指针排序 -- 数组合并后递增排序
96 0

热门文章

最新文章