资讯专栏INFORMATION COLUMN

vue.js 、js实现中文A-Z排序

spademan / 2233人阅读

摘要:实现中文按照的方法,可以在的里面写入阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨它穵夕丫帀截取第一个字符首字符是英文的判断是否是无汉字是否是中文判断中文字符在哪一个类别截取第一个字符排序英文排序汉字排在英文后面将从中获取的对象转换成数组,

-实现中文按照A-Z的方法,可以在vue的methods里面写入:

        methods:{
            pySort:function(arr,empty){
                var $this = this;
                if(!String.prototype.localeCompare)
                    return null;
                var letters = "ABCDEFGHJKLMNOPQRSTWXYZ".split("");
                var zh = "阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨它穵夕丫帀".split("");
                var arrList = [];
                for(var m =0;m= 0 &&(!zh[i+1]||initial.localeCompare(zh[i+1]) <0)) {   //判断中文字符在哪一个类别
                                    curr.data.push(arrList[j]);
                                }
                            }
                        }
                    }else{
                        for(var k =0;k

将从php中获取的json对象转换成数组,vue中直接调用->this.pySort(arr); js直接调用pySort(arr)方法即可; 即可实现按照A-Z的格式排序
如下图在控制台输出的格式:

letter中存放键值A-Z
data:存放排序后的数组
至于vue中需要放在页面中,使用v-for循环即可 v-for="(key,value) in arr"
需要获取data数组的值,继续使用v-for="tmp in (key.data)"循环在你想输入摆放的元素中
写的比较简单,这个方法在js中也通用
希望这篇文章可以帮助到需要排序的亲~~~~

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/26000.html

相关文章

  • vue.jsjs实现中文A-Z排序

    摘要:实现中文按照的方法,可以在的里面写入阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨它穵夕丫帀截取第一个字符首字符是英文的判断是否是无汉字是否是中文判断中文字符在哪一个类别截取第一个字符排序英文排序汉字排在英文后面将从中获取的对象转换成数组, -实现中文按照A-Z的方法,可以在vue的methods里面写入: methods:{ pySort:functio...

    weknow619 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • 前端文档收集

    摘要:系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法 随笔分类 - HTML5 HTML5中40个最重要的技术点 常用meta整理 网页性能管理详解 HTML5 ...

    jsbintask 评论0 收藏0
  • 前端文档收集

    摘要:系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法 随笔分类 - HTML5 HTML5中40个最重要的技术点 常用meta整理 网页性能管理详解 HTML5 ...

    muddyway 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<