Java,JS通过集合某字段(中文)首字母排序List集合

Java,JS通过集合某字段(中文)首字母排序List集合

Java后台排序方法:以一个user实体类为例,以user的username排序

List<User> userList = new ArrayList<>();
Comparator comparator = Collator.getInstance(Locale.CHINA);
Collections.sort(list, new Comparator<User>() {
    @Override
    public int compare(User o1, User o2) {
        return comparator.compare(o1.getUserName(), o2.getUserName());
    }
});

JS排序方法:js通过集合内字段数据为中文的排序需先将中文转为全拼音
1.引入外部js:Convert_Pinyin.js
2.调用js中的方法
这里以一个Vue中的userList集合为例

				$.each(app.$data.userList,function (index,value) {
                    let userName = value.name;
                    //getFullChars为外部js方法
                    var fullName = pinyin.getFullChars(user).toLowerCase();
                    // 将字段拼音赋值给集合内对象新属性(这里相当于新建了一个属性)
                     this.pinyin = fullName;
                });
                // 按照字母排序
                app.$data.userList.sort(function (a, b) {
                    return (a.pinyin + '').localeCompare(b.pinyin + '')
                });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js-pinyin 是一个 JavaScript 拼音转换库,可以将中文转换成拼音,它可以帮助我们实现数组某字段拼音首字母排序。 首先,我们需要使用 js-pinyin 将中文转换成拼音,然后提取每个拼音的首字母,最后按照首字母进行排序。 下面是一个示例代码: ```javascript // 引入 js-pinyin 库 import pinyin from 'js-pinyin'; // 假设我们有如下的数组 const arr = [ { name: '张三', age: 18 }, { name: '李四', age: 20 }, { name: '王五', age: 22 }, ]; // 将数组按照 name 字段的拼音首字母排序 arr.sort((a, b) => { const pinyinA = pinyin.getFullChars(a.name); // 获取 a 的拼音 const pinyinB = pinyin.getFullChars(b.name); // 获取 b 的拼音 const initialA = pinyinA.charAt(0); // 获取 a 的拼音首字母 const initialB = pinyinB.charAt(0); // 获取 b 的拼音首字母 if (initialA < initialB) { return -1; } if (initialA > initialB) { return 1; } return 0; }); console.log(arr); // 输出排序后的数组 ``` 在上面的代码中,我们先引入了 js-pinyin 库,然后定义了一个数组 arr,包含了一些对象,每个对象都有 name 和 age 两个字段。 接着,我们使用数组的 sort 方法进行排序,sort 方法的参数是一个函数,这个函数接受两个参数 a 和 b,分别表示数组中的两个元素。 在排序函数中,我们首先使用 pinyin.getFullChars 方法将 name 字段转换成拼音,然后使用 charAt(0) 方法获取拼音的首字母,最后按照首字母进行比较,返回 -1、1 或 0,以确定两个元素的顺序。 最后,我们输出排序后的数组。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值