js实现拼音首字符过滤数据

最新推荐文章于 2024-06-21 16:54:57 发布

Code_Geo

最新推荐文章于 2024-06-21 16:54:57 发布

阅读量281

点赞数 3

文章标签： javascript 前端

本文链接：https://blog.csdn.net/u012953777/article/details/136288297

版权

本文介绍了如何在JavaScript项目中，通过Third-partyJS库pinyin-pro.js实现TS编写的函数filterDataByPinyin，该函数用于根据指定的拼音首字符筛选对象数组。

摘要由CSDN通过智能技术生成

第一步：

首先引入第三发的js库： <script src="./js/pinyin/pinyin-pro.js"></script>

第二步：

TS实现的方法：

     /**拼音首字符过滤 */
        filterDataByPinyin(dataArray:any, filterChar:string) {
            return dataArray.filter(function (item:any) {
              // 获取姓名属性的拼音首字符
              var { pinyin }  = pinyinPro;
              var firstChar = pinyin(item.name, { pattern:"first",toneType:'none' });
              var pyList = firstChar.split(" ")
              
              // 将拼音首字符转为小写，以便比较
              var firstPy = pyList[0].toLowerCase();
              // 比较拼音首字符与过滤字符是否匹配
              if( firstPy === filterChar.toLowerCase()){
                  return  item;
              }
            });
          }