JavaScript實現(xiàn)中文數(shù)字轉(zhuǎn)為阿拉伯?dāng)?shù)字的方法
更新時間：2025年03月27日 10:49:57 作者：JYeontu
在JavaScript編程中,實現(xiàn)阿拉伯?dāng)?shù)字和中文數(shù)字之間的互相轉(zhuǎn)換是一個常見的需求,這涉及到字符串處理和數(shù)值計算,本文將詳細介紹如何利用JavaScript實現(xiàn)這一功能,需要的朋友可以參考下
說在前面
最近實現(xiàn)了一個b站插件，可以通過語音來控制播放頁面上指定的視頻，在語音識別的過程中遇到了需要將中文數(shù)字轉(zhuǎn)為阿拉伯?dāng)?shù)字的情況，在這里分享一下具體事例和處理過程。
功能背景
先介紹一下功能背景，頁面渲染的時候會先對視頻進行編號處理，具體如下：
比如我們想要播放第4個視頻的話，我們只需要說“第4個”，插件就能幫我們選擇第四個視頻進行播放。
問題描述
功能背景我們已經(jīng)了解了，那么問題是出在哪里呢？
如上圖，這里識別出來的語音文本數(shù)字是中文數(shù)字，這樣跟頁面的視頻編號無法對應(yīng)上，因此我們需要實現(xiàn)一個方法來將中文轉(zhuǎn)為阿拉伯?dāng)?shù)字。
方法實現(xiàn)
1、個位級映射表
const numMap = {
零: 0,一: 1,壹: 1,二: 2,兩: 2,
三: 3,叁: 3,四: 4,肆: 4,五: 5,
伍: 5,六: 6,陸: 6,七: 7,柒: 7,
八: 8,捌: 8,九: 9,玖: 9,
};
2、單位映射表
const unitMap = {
十: { value: 10, sec: false },
拾: { value: 10, sec: false },
百: { value: 100, sec: false },
佰: { value: 100, sec: false },
千: { value: 1000, sec: false },
仟: { value: 1000, sec: false },
萬: { value: 10000, sec: true },
萬: { value: 10000, sec: true },
億: { value: 100000000, sec: true },
億: { value: 100000000, sec: true }
};
3、處理流程
- 遇到數(shù)字：先存起來（比如「三」記作3）
if (hasZero && current > 0) {
current *= 10;
hasZero = false;
}
current += numMap[char];
- 遇到單位：
- 如果是十/百/千：把存著的數(shù)字乘上倍數(shù) （如「三百」→3×100=300）
current = current === 0 ? unit.value : current * unit.value; section += current; current = 0;
- 遇到萬/億：先結(jié)算當(dāng)前數(shù)字，將當(dāng)前數(shù)字加到總數(shù)上
processSection(); section = (section + current) * unit.value; total += section; section = 0;
遇到零：做個標(biāo)記，提醒下個數(shù)字要占位 （如「三百零五」→300 + 0 +5=305）
if (char === "零") {
hasZero = true;
continue;
}
4、完整代碼
function chineseToArabic(chineseStr) {
// 映射表（支持簡繁）
const numMap = {
零: 0,一: 1,壹: 1,二: 2,兩: 2,
三: 3,叁: 3,四: 4,肆: 4,五: 5,
伍: 5,六: 6,陸: 6,七: 7,柒: 7,
八: 8,捌: 8,九: 9,玖: 9,
};
//單位映射表
const unitMap = {
十: { value: 10, sec: false },
拾: { value: 10, sec: false },
百: { value: 100, sec: false },
佰: { value: 100, sec: false },
千: { value: 1000, sec: false },
仟: { value: 1000, sec: false },
萬: { value: 10000, sec: true },
萬: { value: 10000, sec: true },
億: { value: 100000000, sec: true },
億: { value: 100000000, sec: true }
};
let total = 0; // 最終結(jié)果
let section = 0; // 當(dāng)前小節(jié)
let current = 0; // 當(dāng)前累加值
let hasZero = false; // 零標(biāo)記
const processSection = () => {
section += current;
current = 0;
};
for (const char of chineseStr) {
if (numMap.hasOwnProperty(char)) {
if (char === "零") {
hasZero = true;
continue;
}
if (hasZero && current > 0) {
current *= 10;
hasZero = false;
}
current += numMap[char];
} else if (unitMap.hasOwnProperty(char)) {
const unit = unitMap[char];
if (unit.sec) {
// 處理萬/億分段
processSection();
section = (section + current) * unit.value;
total += section;
section = 0;
} else {
current = current === 0 ? unit.value : current * unit.value;
section += current;
current = 0;
}
hasZero = false;
}
}
const last2 = chineseStr.slice(-2)[0];
const last2Unit = unitMap[last2];
if (last2Unit) {
current = (current * last2Unit.value) / 10;
}
return total + section + current;
}
功能測試
柒億零捌拾萬
十萬三十
十萬三
二百五
二百零五
八
最后
到此這篇關(guān)于JavaScript實現(xiàn)中文數(shù)字轉(zhuǎn)為阿拉伯?dāng)?shù)字的方法的文章就介紹到這了,更多相關(guān)JavaScript中文數(shù)字轉(zhuǎn)為阿拉伯?dāng)?shù)字內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript轉(zhuǎn)換二進制編碼為ASCII碼的方法
這篇文章主要介紹了JavaScript轉(zhuǎn)換二進制編碼為ASCII碼的方法,涉及javascript編碼轉(zhuǎn)換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了小程序?qū)崿F(xiàn)簡單語音聊天的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
這篇文章主要給大家介紹了關(guān)于JavaScript this關(guān)鍵字的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要為大家詳細介紹了使用BootStrapValidator來完成前端輸入驗證,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要為大家詳細介紹了bootstrap柵格系統(tǒng)示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
Javascript取整函數(shù)及向零取整幾種常用的方法
這篇文章主要介紹了Javascript取整函數(shù)及向零取整幾種常用的方法,每種方法都有其特點和適用場景,推薦使用Math.trunc(),因為它語義明確、代碼易讀且性能較好,需要的朋友可以參考下2025-01-01
pjax=pushState+ajax，相信用過github的同學(xué)都知道，github部分頁面采用了pjax這個項目來實現(xiàn)ajax無刷新加載的同時改變頁面url。一起來學(xué)習(xí)一下這個插件吧。2015-02-02
用js來生成隨機彩票號碼清單...2007-02-02
three.js中點對象(Point)和點材質(zhì)(PointsMaterial)的具體使用
本文主要介紹了three.js中點對象(Point)和點材質(zhì)(PointsMaterial)的具體使用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
這篇文章主要介紹了js實現(xiàn)的星星評分功能函數(shù),涉及JavaScript響應(yīng)鼠標(biāo)事件實現(xiàn)針對頁面元素的遍歷與樣式屬性的修改技巧,非常簡單實用的代碼,需要的朋友可以參考下2015-12-12