直播平台开发，基础搜索方式之拼音搜索

直播平台开发，基础搜索方式之拼音搜索

核心思想：

先获取的汉字的拼音，然后对其进行匹配
获取汉字的拼音我这里使用的是pinyin；
简单介说一下pinyin包的用法

import py from "pinyin";
py("中心"); // [ [ 'zhōng' ], [ 'xīn' ] ]  默认是带声调的
py("中心", {
  heteronym: true               // 配置一些设置项，启用多音字模式
});                            // [ [ 'zhōng', 'zhòng' ], [ 'xīn' ] ]

 

实现

// 其余代码同上
import py from "pinyin";
mounted() {
    this.allMsg = [
      { name: "薛之谦", id: 1 },
      { name: "霍建华", id: 2 },
      { name: "蔡徐坤", id: 3 },
      { name: "胡歌", id: 4 },
      { name: "胡说", id: 5 }
    ];
    this.filterMsg = this.allMsg;
  },
methods: {
  handleSearch(queryString) {
    let queryStringArr = queryString.split("");
    let str = "(.*?)";
    let regStr = str + queryStringArr.join(str) + str;
    let reg = RegExp(regStr, "i");
    this.filterMsg = [];
    console.log(reg);
    this.allMsg.map(item => {
      // 获取汉字的拼音，并进行扁平化
      let pyArr = py(item.name, {
        style: py.STYLE_NORMAL // 设置拼音风格设置为普通风格（不带声调），
      }).flat();
      let pyStr = pyArr.join("");
      if (reg.test(pyStr)) {
        this.filterMsg.push(item);
      }
    });
  }
}

 

以上就是直播平台开发，基础搜索方式之拼音搜索， 更多内容欢迎关注之后的文章