JS怎么实现拼音匹配汉字

栏目分类：前端开发    发布日期：2023-09-20    浏览次数：377次     收藏

这篇文章主要介绍“JS怎么实现拼音匹配汉字”，在日常操作中，相信很多人在JS怎么实现拼音匹配汉字问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”JS怎么实现拼音匹配汉字”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

1. 首先说下功能

它能够使用拼音快速检索目标。当然也可以使用汉字

• 简体版27KB (gzip ≈ 19KB)，繁体版86KB (gzip ≈ 60KB)

• 支持多音字、繁体字、拼音首字母匹配,具备分词功能

• 返回位置信息，可用于高亮匹配字符

• 在长多音字串下依然有高性能

2. 安装

npm install pinyin-match --save

3. 引入

简体版：

import PinyinMatch from 'pinyin-match';  // es  
 
const PinyinMatch = require('pinyin-match'); // commonjs

繁体版：

import PinyinMatch from 'pinyin-match/es/traditional.js'; // es  
 
const PinyinMatch = require('pinyin-match/lib/traditional.js'); // commonjs

当然也可以script引入

// 简体：
<script src="pinyin-match/dist/main.js"></script>
// 繁体：
<script src="pinyin-match/dist/traditional.js"></script>

4. API

.match(input, keyword) //查询匹配拼音的数据。

只向外提供暴露了这么一个方法，这一个方法足够我们使用了，也很方便

参数：

• input {string} 目标字符串

• keyword {string} 输入的拼音或其他关键词

返回：

Array | Boolen

5. 简单使用测试示例

let test = '123曾经沧海难为水除却巫山不是云'
 
PinyinMatch.match(test, '23曾'); // [1, 3]
 
PinyinMatch.match(test, 'cjc') // [3, 5]
 
PinyinMatch.match(test, 'cengjingcanghai') // [3, 6]
 
PinyinMatch.match(test, 'cengjingcangha') // [3, 6]
 
PinyinMatch.match(test, 'engjingcanghai') // false
 
PinyinMatch.match(test, 'zengjingcang') // [3, 5]
 
PinyinMatch.match(test, 'sdjkelwqf') // false
 
PinyinMatch.match(test, 'zengji ng cang') // [3, 5]
 
PinyinMatch.match(test, 'zengji ng cangsdjfkl') // false
 
PinyinMatch.match('   我 爱你 中   国   ', 'nzg') // [6, 12]
 
PinyinMatch.match('   我 爱你 中   国   ', '爱你中') // [5, 8]
 
PinyinMatch.match('