【问题标题】:How to show pagination using JS List?如何使用 JS List 显示分页?
【发布时间】:2021-12-30 18:28:59
【问题描述】:

您好,我真的需要您的帮助我是 JAVASCRIPT 的新手,我需要按字母顺序从 a-z 实现分页我不知道从哪里开始.. 我希望我能在结果中找到第一个字母的列表(我的意思是,如果没有以“a”开头的行,我不希望“a”显示在分页链接上)。是否存在任何类型的纯 Javascript 分页?

【问题讨论】:

    标签: javascript arrays pagination


    【解决方案1】:

    假设您有一个名称列表而不是要分页的行。最好将它们按初始字符分组,然后相应地设置分页。

     var names = ["aaron", "amber", "bruce", "david", "izzy", "jasmine", "jeniffer", "karen", "lily", "mandy", "marry", "ozzy", "ricky", "sally", "sandy", "tom", "vanesa", "zoe"],
         pages = names.reduce( (ps,n) => ps[n[0].toUpperCase()] ? (ps[n[0].toUpperCase()].push(n), ps)
                                                                : (ps[n[0].toUpperCase()] = [n], ps)
                             , {}
                             );
    console.log(pages);

    【讨论】:

    • A: (2) ['Ant','Animal'] B: ['BLADE'] E: (2) ['ELDER '] N: (3) ['NUTELLA', 'NUTRIENT'.'NO'] @Redu 例如我的数组返回一些上面的列表如何在JS中以分页的形式迭代和显示这些记录?
    • 您基本上应该使用键(A、B、...、Z)显示页面锚点,该键持有指向负责显示相应数组项的页面 HTML 的链接。实现此功能完全取决于您选择的框架或 vanilla JS。
    猜你喜欢
    • 2015-08-20
    • 1970-01-01
    • 2018-08-11
    • 2018-01-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-11
    相关资源
    最近更新 更多