数组对象中根据姓名按照数字,字母,中文的顺序排序,中文部分按照首字母拼音排序

首先想到按照首字母的unicode编码排序:

Unicode编码范围如下:

| 类型 | 16进制范围 | 10进制范围
| 数字 |【0x30,0x39】 | 【48,57】
| 大写字母|【0x41,0x5a】 | 【65,90】
| 小写字母|【0x61,0x7a】 | 【97,122】
| 汉字 |【0x4e00,0x9fa5】 | 【19963,40869】

js获取unicode编码的方法时charCodeAt( )
则代码如下:

 data.sort((a,b) => a.name.charCodeAt(0)-b.name.charCodeAt(0));

结果:
数字,字母,中文的相对排序是OK的,但是中文部分并非是按照首字母拼音排序的。

从数组中提取姓名为中文的,通过localeCompare()方法排序:

            let chineseChars=[], chars=[],list= [];
            dataforEach(item => {
              // 判断是否为中文
              if(/^[\u4e00-\u9fa5]*$/.test(item.name.charAt(0))) {
                chineseChars.push(item);   // 姓名首字符为中文的
              }else {
                chars.push(item);   // 姓名首字符非中文的(字母,数字)
              }
            });
            chars.sort((a,b) => a.name.charCodeAt(0)-b.name.charCodeAt(0));
            chineseChars.sort((a,b) => a.name.localeCompare(b.name));
            list = chars.concat(chineseChars); // list为最终想要的数组

demo

原始数组为:
[{name:‘66’},
{name:‘wuhaha’},
{name:‘余喝’},
{name:‘12’},
{name:‘安安’},
{name:‘大伯’},
{name:‘zhaha’}]
输出结果:
[{name:‘12’},
{name:'66},
{name:‘wuhaha’},
{name:‘zhaha’}
{name:‘安安’},
{name:‘大伯’},
{name:‘余喝’}]

你可能感兴趣的:(前端)