pinyin-pro用于javascript中将汉字转化为拼音的工具

安装

npm install pinyin-pro

导入

const { pinyin } = require('pinyin-pro');

使用

pinyin("要转换的汉字",{toneType:'none'})

 如果要转换的数据是vue3响应式的，通过以下这种方法进行转换

var a = ref("北京")
var b = JSON.parse(pinyin(JSON.stringify(a),{toneType:'none'}).replace(/\s*/g,""))._value
console.log(b);

首先要进行序列化处理，将要转换的内容转换为json格式的字符串，但是接收到的数据是这样的

需要过滤掉所有的空格才能转换为对象 ，可以replace(/\s*/g,"")将所有的空的字符替换为空字符串 

得到：  

最后再转换为json格式的对象，得到正常的数据

最后通过调用_rawValue或_value获得最终的拼音 

以下是pinyin-pro中对象的属性

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"]

 ok啦！！！