- 资讯首页 > 开发技术 > web开发 > JavaScript >
- js实现中文转拼音的完整步骤记录
使用js搞了一个中文转拼音的包,仓库地址可见:
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 的键值配置如下:
获取拼音
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中文转拼音内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
免责声明:本站发布的内容(图片、视频和文字)以原创、来自本网站内容采集于网络互联网转载等其它媒体和分享为主,内容观点不代表本网站立场,如侵犯了原作者的版权,请告知一经查实,将立刻删除涉嫌侵权内容,联系我们QQ:712375056,同时欢迎投稿传递力量。
Copyright © 2009-2022 56dr.com. All Rights Reserved. 特网科技 特网云 版权所有 特网科技 粤ICP备16109289号
域名注册服务机构:阿里云计算有限公司(万网) 域名服务机构:烟台帝思普网络科技有限公司(DNSPod) CDN服务:阿里云计算有限公司 百度云 中国互联网举报中心 增值电信业务经营许可证B2
建议您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流浏览器浏览本网站