js 来实现区分首字母生成列表

先上效果图

QQ20180808-195348-HD.gif

由于后台太懒，就给了一坨数据，其他的都要自己处理。

//按首字母排序  jquery
  export function  pySort(arr,empty,key){      var $this = this;      if(!String.prototype.localeCompare)          return null;      var letters ="ABCDEFGHIJKLMNOPQRSTUVWXYZ#".split('');
      $this.letters = letters;      var zh ="啊把差大额发噶哈*级卡啦吗那哦爬器然撒他**哇西呀咋".split('');     //*占位没有i,u,v拼音开头的汉字

      var arrList = [];//存放所有的字符串
      for(var m =0;m<arr.length;m++){
          arrList.push(arr[m][key]);
      }      var result = [];      var curr;      for(var i=0;i<letters.length;i++){
          curr = {letter: letters[i], data:[]};          if(i!=26){              for(var j =0;j<arrList.length;j++){                  var initial = arrList[j].charAt(0);           //截取第一个字符
                  if(arrList[j].charAt(0)==letters[i]||arrList[j].charAt(0)==letters[i].toLowerCase()){   //首字符是英文的
                      curr.data.push(arr[j]); //把对象加入到curr里。也可以 curr.data.push(arrList[j]) 这样data里就是所有的字符串
                      
                  }else if(zh[i]!='*'&&$this.isChinese(initial)){      //判断是否是无汉字,是否是中文
                      if(initial.localeCompare(zh[i]) >= 0 &&(!zh[i+1]||initial.localeCompare(zh[i+1]) <0)) {   //判断中文字符在哪一个类别
                          curr.data.push(arr[j]);
                      }
                  }
              }
          }else{              for(var k =0;k<arrList.length;k++){                  var ini = arrList[k].charAt(0);           //截取第一个字符
                  if(!isChar(ini)&&!isChinese(ini)){
                      curr.data.push(arr[k]);
                  }
              }
          }          if(empty || curr.data.length) {
              result.push(curr);              /*curr.data.sort(function(a,b){
                  return a.localeCompare(b);       //排序,英文排序,汉字排在英文后面 (有问题)
              });*/
          }
      }       console.log(result);      return result;
  }  //判断是否是中文
  export function isChinese(temp){        var re=/[^\u4E00-\u9FA5]/;        if (re.test(temp)){return false  ;}        return true ;
  }//判断是否是英文
  export function isChar(char){      var reg = /[A-Za-z]/;      if (!reg.test(char)){return false ;}      return true ;
  }

上面的代码直接拿来就能用。
发现js中的map和foreach嵌套的话居然是异步的。遇见奇怪的问题。实际测试发现有的是异步的，有的不是的。

作者：butterflyer
链接：https://www.jianshu.com/p/b3c8b97cd97b