2024年最新js中文汉字转拼音详细教程，前端面试项目经验

文末

篇幅有限没有列举更多的前端面试题，小编把整理的前端大厂面试题PDF分享出来，一共有269页

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

三.定义方法

---

（ChineseHelper.js）

/**

• 封装 中文转英文方法

*/

// 引入字符编码（JSON）

import PinYin from ‘./ChineseHelperStr.js’

// 定义方法

const loadPinYinInit = {}

// 获取所有编码

loadPinYinInit.GetPinyinStr = function () {

return PinYin;

}

// 汉字转拼音

loadPinYinInit.ConvertPinyin = function (l1) {

var l2 = l1.length;

var I1 = “”;

var reg = new RegExp(‘[a-zA-Z0-9]’);

for (var i = 0; i < l2; i++) {

var val = l1.substr(i, 1);

var name = loadPinYinInit.arraySearch(val, PinYin);

if (reg.test(val)) {

I1 += val;

} else if (name !== false) {

I1 += name;

}

}

I1 = I1.replace(/ /g, ’ ');

while (I1.indexOf(‘–’) > 0) {

I1 = I1.replace(‘–’, ‘-’);

}

return I1;

}

// 在对象中搜索

loadPinYinInit.arraySearch = function (l1) {

let needName = ‘’

for (var name in PinYin) {

if (PinYin[name].indexOf(l1) != -1) {

needName = loadPinYinInit.ucfirst(name); break;

}

}

return needName;

}

// 首字母大写

loadPinYinInit.ucfirst = function(l1) {

if (l1.length > 0) {

var first = l1.substr(0, 1).toUpperCase();

var spare = l1.substr(1, l1.length);

return first + spare;

}

}

export default loadPinYinInit

四.页面代码

---

（App.vue）

中文

<input type=“text” v-model=“cnText” @blur=“cnToEn(cnText)”>

英文