JS实现首字母排序

原文地址: JS实现首字母排序-大熊BIGBEAR 前言 一个按照姓名首字母排序的功能,支持数字,字母,符号,中文混合排序 规则 首字为中文则转换成小写 大小写均转换成小写比较,避免任意大写字母排在任意小写字母前 大写字母 == 小写字母 > 数字 > 符号 (这里数字和符号可以在最前面,因为业务需要被我拿到了最后面) 效果 // 排序前 this.friends = [ {nick_name: 'cc'}, {nick_name: 'Xin'}, {nick_name: 'xiao李zi'}, {nick_name: '__大熊'}, {nick_name: 'Tian'}, {nick_name: '3day'}, {nick_name: '第一帅'}, {nick_name: '大猪蹄子'}, ]; // 排序后 this.friends = [ {nick_name: 'cc'}, {nick_name: '第一帅'}, {nick_name: '大猪蹄子'}, {nick_name: 'Tian'}, {nick_name: 'Xin'}, {nick_name: 'xiao李zi'}, {nick_name: '3day'}, {nick_name: '__大熊'}, ]; Library hotoo/pinyin 实现 安装hotoo/pinyin npm install pinyin -S 引入 import pinyin from 'pinyin'; 逻辑 /** * 根据姓名或昵称排序, * 维护两个数组,分别存入字母开头和数字符号开头的项 * 这里如果想把数字符号开头的名字排在最前面,就只用一个w_users就可以了,排序的时候会默认在最前面 * @param {Array} list 需要排序的数组对象,格式类似上面效果中的数据 * @return {Array} sort_list 排序后的数组对象 */ function name_sort(list) { let w_users = []; //字母开头 let n_users = []; //数字 or 符号 list.forEach(item => { let first_word = pinyin(item.nick_name, { style: pinyin.STYLE_FIRST_LETTER }); first_word = first_word[0][0]; first_word = first_word.substr(0, 1); item.nick_name_sort = first_word + item.nick_name;//增加一个临时排序属性, 不然排序后还要处理原属性 let regx = /^[A-Za-z]*$/; //正则匹配出字母开头的 let flag = regx.test(first_word); flag && w_users.push(item) || n_users.push(item); //根据类型决定存入哪个数组 }) //利用新增的nick_name_sort排序 w_users.sort((a,b) => a.nick_name_sort.substr(0, 1).toLowerCase().charCodeAt(0) - b.nick_name_sort.substr(0, 1).toLowerCase().charCodeAt(0)); n_users.sort((a,b) => a.nick_name_sort.substr(0, 1).toLowerCase().charCodeAt(0) - b.nick_name_sort.substr(0, 1).toLowerCase().charCodeAt(0)); let sort_list = w_users.concat(n_users); return sort_list; }

本文章由javascript技术分享原创和收集