js怎么转拼音(js实现中文转拼音的完整步骤记录)
类别:编程学习 浏览量:2747
时间:2021-10-27 10:49:25 js怎么转拼音
js实现中文转拼音的完整步骤记录使用js搞了一个中文转拼音的包,仓库地址可见:pinyin-pro
特色功能
- 支持汉字、词语、句子多种格式输入获取
- 获取拼音
- 获取声母
- 获取韵母
- 获取拼音首字母
- 获取音调
- 获取多音字的多种拼音
- 支持字符串和数组两种输出形式
安装
npm 安装
npm install pinyin-pro
yarn 安装
yarn add pinyin-pro
引入
浏览器 script 引入:
<!--引入某个版本,如3.2.0版本--> <!-- <script src="https://cdn.jsdelivr.net/gh/zh-lx/pinyin-pro@3.2.0/dist/pinyin-pro.js"></script> --> <!--引入最新版本--> <script src="https://cdn.jsdelivr.net/gh/zh-lx/pinyin-pro@latest/dist/pinyin-pro.js"></script> <script> var { pinyin } = pinyinPro; pinyin('汉语拼音'); // 'hàn yǔ pīn yīn' </script>
ESModule 引入:
import { pinyin } from 'pinyin-pro'; pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'
commonjs 引入:
const { pinyin } = require('pinyin-pro'); pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'
参数
pinyin(word, options) 接收两个参数
word:必填。String 类型,需要转化为拼音的中文
options:可选。Object 类型,用于配置各种输出形式,options 的键值配置如下:
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
pattern | 输出的结果的信息(拼音 / 声母 / 韵母 / 音调 / 首字母) | string | pinyin / initial / final / num / first | pinyin |
toneType | 音调输出形式(拼音符号 / 数字 / 不加音调) | string | symbol / num / none | symbol |
type | 输出结果类型(字符串/数组) | string | string / array | string |
multiple | 输出多音字全部拼音(仅在 word 为长度为 1 的汉字字符串时生效) | boolean | true / false | false |
使用示例
获取拼音
import { pinyin } from 'pinyin-pro'; // 获取带音调拼音 pinyin('汉语拼音'); // 'hàn yǔ pīn yīn' // 获取不带声调的拼音 pinyin('汉语拼音', { toneType: 'none' }); // 'han yu pin yin' // 获取声调转换为数字后缀的拼音 pinyin('汉语拼音', { toneType: 'num' }); // 'han4 yu3 pin1 yin1' // 获取数组形式带音调拼音 pinyin('汉语拼音', { type: 'array' }); // ["hàn", "yǔ", "pīn", "yīn"] // 获取数组形式不带声调的拼音 pinyin('汉语拼音', { toneType: 'none', type: 'array' }); // ["han", "yu", "pin", "yin"] // 获取数组形式声调转换为数字后缀的拼音 pinyin('汉语拼音', { toneType: 'num', type: 'array' }); // ["han4", "yu3", "pin1", "yin1"]
获取声母
import { pinyin } from 'pinyin-pro'; // 获取声母 pinyin('汉语拼音', { pattern: 'initial' }); // 'h y p y' // 获取数组形式声母 pinyin('汉语拼音', { pattern: 'initial', type: 'array' }); // ["h", "y", "p", "y"]
获取韵母
import { pinyin } from 'pinyin-pro'; // 获取带音调韵母 pinyin('汉语拼音', { pattern: 'final' }); // 'àn ǔ īn īn' // 获取不带音调韵母 pinyin('汉语拼音', { pattern: 'final', toneType: 'none' }); // 'an u in in' // 获取音调为数字的韵母 pinyin('汉语拼音', { pattern: 'final', toneType: 'num' }); // 'an4 u3 in1 in1' // 获取数组形式带音调韵母 pinyin('汉语拼音', { pattern: 'final', type: 'array' }); // ["àn", "ǔ", "īn", "īn"] // 获取数组形式不带音调韵母 pinyin('汉语拼音', { pattern: 'final', toneType: 'none', type: 'array' }); // ["an", "u", "in", "in"] // 获取数组形式音调为数字的韵母 pinyin('汉语拼音', { pattern: 'final', toneType: 'num', type: 'array' }); // ['an4', 'u3', 'in1', 'in1']
获取音调
import { pinyin } from 'pinyin-pro'; // 获取音调 pinyin('汉语拼音', { pattern: 'num' }); // '4 3 1 1' // 获取数组形式音调 pinyin('汉语拼音', { pattern: 'num', type: 'array' }); // ["4", "3", "1", "1"]
获取拼音首字母
import { pinyin } from 'pinyin-pro'; // 获取拼音首字母 pinyin('赵钱孙李额', { pattern: 'first' }); // 'z q s l é' // 获取不带音调拼音首字母 pinyin('赵钱孙李额', { pattern: 'first', toneType: 'none' }); // 'z q s l e' // 获取数组形式拼音首字母 pinyin('赵钱孙李额', { pattern: 'first', type: 'array' }); // ['z', 'q', 's', 'l', 'é'] // 获取数组形式不带音调拼音首字母 pinyin('赵钱孙李额', { pattern: 'first', toneType: 'none', type: 'array' }); // ['z', 'q', 's', 'l', 'e']
获取单个字的多音
只有单字可以获取到多音模式, 词语、句子无效。同样可以通过配置 options 选项获取数组形式、韵母等格式
import { pinyin } from 'pinyin-pro'; // 获取多音 pinyin('好', { multiple: true }); // 'hǎo hào' // 获取数组形式多音 pinyin('好', { multiple: true, type: 'array' }); // ["hǎo", "hào"]
总结
到此这篇关于js实现中文转拼音的文章就介绍到这了,更多相关js中文转拼音内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- js 出现cannot find function(Fatal error: Call to a member function read on a non-object in 错误解决方法)
- js如何解决iphone异形屏适配(Html5适配iphoneX刘海屏的简单实现)
- 在html中使用javascript实例代码(原生 JS+CSS+HTML 实现时序图的方法)
- element-ui 菜单悬停样式(js如何构造elementUI树状菜单的数据结构详解)
- extjs radiogroup赋值和取值
- h5制作支付功能(基于HTML5+tracking.js实现刷脸支付功能)
- jquery遍历json字符串
- js中Math对象的用法
- videojs播放流媒体(video.js支持m3u8格式直播的实现示例)
- JS脚本中Null与Undefined的区别
- sqlserver常见函数(SQL Server之JSON 函数详解)
- js的遍历数组方法(JS中数组常用的循环遍历你会几种)
- js常见面试题
- nodejs登录案例(利用Node.js创建一个密码生成器的全步骤)
- js柯里函数的应用场景(深入详解JS函数的柯里化)
- 数组循环遍历展示vue(Vue中foreach数组与js中遍历数组的写法说明)
- 必看 8月,相比七夕,更需要注意的是这些事(必看8月相比七夕)
- 8月23日11时16分将迎处暑,逐渐进入气象意义上的秋天(8月23日11时16分将迎处暑)
- 花不语 下 如果重来一次的话,你还会这么选择吗(花不语下如果重来一次的话)
- 城市记忆之上海 最难忘的是老弄堂里的市井味道(城市记忆之上海)
- 太鸡贼了,这老小区轻松搞定了停车问题(这老小区轻松搞定了停车问题)
- 太鸡贼了,这老小区轻松搞定了停车问题(这老小区轻松搞定了停车问题)
热门推荐
- php面向对象运用场景(PHP面向对象类型约束用法分析)
- nginx配置文件位置(查看nginx配置文件路径和资源文件路径的方法)
- azure部署教程(使用 Azure Container Registry 储存镜像的问题)
- sqlserver数据库技术及应用教程(SQLServer2019 数据库的基本使用之图形化界面操作的实现)
- ubuntu安装php(在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法)
- 云计算是一种服务的概念(云服务的意思,云服务是云计算吗?)
- sqlserver带参数的存储过程(SQL Server 日期和时间的内部存储过程)
- 云服务器备案吗(免备案云服务器与国内云服务器有什么不同?)
- html5canvas图形怎么打印(HTML5 Canvas 实现K线图的示例代码)
- python入门之字符串处理(Python中常用的8种字符串操作方法)