基于JavaScript編寫(xiě)一個(gè)簡(jiǎn)易的數(shù)字轉(zhuǎn)中文功能
前言
今天我們寫(xiě)一個(gè)一個(gè)簡(jiǎn)易的數(shù)字轉(zhuǎn)中文的效果,雖然是功能看起來(lái)很簡(jiǎn)單,但是要是沒(méi)有寫(xiě)過(guò)這類(lèi)功能的話,那么可能會(huì)無(wú)從下手,下面就簡(jiǎn)單講一下寫(xiě)這類(lèi)邏輯的過(guò)程
思路
實(shí)現(xiàn)簡(jiǎn)易思路:
- 大單位是以萬(wàn)、億、兆等為單位的,4位小數(shù)一組,因此需要對(duì)數(shù)字進(jìn)行四位一組分組操作,在后面追加單位即可
- 除了大單位,中間的小單位則是個(gè)十百千,基本都是一致,因此使用同一種統(tǒng)一處理方案,其中個(gè)位沒(méi)有單位
- 除了單位還有每一位數(shù)字的翻譯工作,即:
0~9=>零~九 - 淡出處理中文語(yǔ)法中特有的情況,例如:開(kāi)頭不顯示一十而是十,零中間作為間隔只能有一個(gè),連續(xù)的零沒(méi)有大單位,以及各位為零的處理等
- 入?yún)⑻幚?這里簡(jiǎn)單處理一下)
代碼實(shí)現(xiàn)
//數(shù)字轉(zhuǎn)中文(要支持小數(shù),可以在擴(kuò)展,小數(shù)就比較簡(jiǎn)單了)
//入?yún)閿?shù)字,因此不考慮開(kāi)頭為零的情
const convertChineseNumber = (number) => {
if (isNaN(number)) return "NAN";
const units = ["", "萬(wàn)", "億", "兆", "京", "垓"];
const baseUnits = ["", "十", "百", "千"];
const cNumbers = ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
//分割四位一組,反轉(zhuǎn)數(shù)組,從后往前加單位
const numGroup = String(number)
.replace(/\B(?=(\d{4})+$)/g, " ") //使用前瞻運(yùn)算符來(lái)處理四位一體
.split(" ")
.reverse();
let result = "";
//遍歷從后往前加單位
numGroup.forEach((numStrings, idx) => {
//處理全零的情況,不應(yīng)該帶單位,由于需要間隔0的情況,保留一個(gè)零
if (numStrings === "0000") {
result = '零' + result
return;
}
//有數(shù)的先添加大單位
result = units[idx] + result;
//分割四位一組的小數(shù)字,仍然是反轉(zhuǎn),從后往前加單位
numStrings
.split("")
.reverse()
.forEach((item, idx) => {
//處理每個(gè)后面的單位,其中個(gè)位沒(méi)有單位,0也沒(méi)有單位
if (idx !== 0 && item !== "0") {
result = baseUnits[idx] + result;
}
//數(shù)字翻譯
result = cNumbers[Number(item)] + result;
});
});
//處理結(jié)果中可能存在的中文讀寫(xiě)問(wèn)題,例如不會(huì)存在連續(xù)的零,開(kāi)頭不會(huì)一十
//零后面不應(yīng)該有單位,非零整數(shù)結(jié)尾不會(huì)讀零
return result
.replace(/零+/g, "零")
.replace(/^(一十)/, "十")
.replace(new RegExp(`零([${units.join("")}]{1})`, "g"), "$1") //小單位處理了大單位也要處理
.replace(/(.+)零$/, "$1")
};
測(cè)試案例
//我們?cè)囼?yàn)幾個(gè)案例 const numbers = [ convertChineseNumber(0), convertChineseNumber(1234567899), convertChineseNumber(101234567899), convertChineseNumber(100234567899), convertChineseNumber(101034567899), convertChineseNumber(101030067899), convertChineseNumber(101030067890), convertChineseNumber(101030007899), convertChineseNumber(100000007899), convertChineseNumber(100070007899), convertChineseNumber(100007007899), ]; console.log(numbers); //目前來(lái)看返回結(jié)果是對(duì)的,如果感覺(jué)哪里不對(duì),可以在填填補(bǔ)補(bǔ)就行了 [ '零', '十二億三千四百五十六萬(wàn)七千八百九十九', '一千零一十二億三千四百五十六萬(wàn)七千八百九十九', '一千零二億三千四百五十六萬(wàn)七千八百九十九', '一千零一十億三千四百五十六萬(wàn)七千八百九十九', '一千零一十億三千零六萬(wàn)七千八百九十九', '一千零一十億三千零六萬(wàn)七千八百九十', '一千零一十億三千萬(wàn)七千八百九十九', '一千億零七千八百九十九', '一千億七千萬(wàn)七千八百九十九', '一千億零七百萬(wàn)七千八百九十九' ]
知識(shí)擴(kuò)展
下面小編為大家整理了一些其他js實(shí)現(xiàn)數(shù)字轉(zhuǎn)中文的方法,希望對(duì)大家有所幫助
1.js如何實(shí)現(xiàn)阿拉伯?dāng)?shù)字轉(zhuǎn)中文大寫(xiě)數(shù)字
/**
* @description 數(shù)字轉(zhuǎn)中文數(shù)碼
*
* @param {Number|String} num 數(shù)字[正整數(shù)]
* @param {String} type 文本類(lèi)型,lower|upper,默認(rèn)upper
*
* @example number2text(100000000) => "壹億元整"
*/
export const number2text = (number, type = "upper") => {
// 配置
const confs = {
lower: {
num: ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"],
unit: ["", "十", "百", "千", "萬(wàn)"],
level: ["", "萬(wàn)", "億"]
},
upper: {
num: ["零", "壹", "貳", "叁", "肆", "伍", "陸", "柒", "捌", "玖"],
unit: ["", "拾", "佰", "仟"],
level: ["", "萬(wàn)", "億"]
},
decimal: {
unit: ["分", "角"]
},
maxNumber: 999999999999.99
};
// 過(guò)濾不合法參數(shù)
if (Number(number) > confs.maxNumber) {
console.error(
`The maxNumber is ${confs.maxNumber}. ${number} is bigger than it!`
);
return false;
}
const conf = confs[type];
const numbers = String(Number(number).toFixed(2)).split(".");
const integer = numbers[0].split("");
const decimal = Number(numbers[1]) === 0 ? [] : numbers[1].split("");
// 四位分級(jí)
const levels = integer.reverse().reduce((pre, item, idx) => {
let level = pre[0] && pre[0].length < 4 ? pre[0] : [];
let value =
item === "0" ? conf.num[item] : conf.num[item] + conf.unit[idx % 4];
level.unshift(value);
if (level.length === 1) {
pre.unshift(level);
} else {
pre[0] = level;
}
return pre;
}, []);
// 整數(shù)部分
const _integer = levels.reduce((pre, item, idx) => {
let _level = conf.level[levels.length - idx - 1];
let _item = item.join("").replace(/(零)\1+/g, "$1"); // 連續(xù)多個(gè)零字的部分設(shè)置為單個(gè)零字
// 如果這一級(jí)只有一個(gè)零字,則去掉這級(jí)
if (_item === "零") {
_item = "";
_level = "";
// 否則如果末尾為零字,則去掉這個(gè)零字
} else if (_item[_item.length - 1] === "零") {
_item = _item.slice(0, _item.length - 1);
}
return pre + _item + _level;
}, "");
// 小數(shù)部分
let _decimal = decimal
.map((item, idx) => {
const unit = confs.decimal.unit;
const _unit = item !== "0" ? unit[unit.length - idx - 1] : "";
return `${conf.num[item]}${_unit}`;
})
.join("");
// 如果是整數(shù),則補(bǔ)個(gè)整字
return `${_integer}元` + (_decimal || "整");
};
2.js實(shí)現(xiàn)萬(wàn)億數(shù)字轉(zhuǎn)中文
思路:首先創(chuàng)建一個(gè)函數(shù),它的主要功能是將一個(gè)輸入的阿拉伯?dāng)?shù)字(如 1234)轉(zhuǎn)換為對(duì)應(yīng)的中文數(shù)字(如 "一千二百三十四")。這個(gè)過(guò)程包括了數(shù)字與中文字符的映射、單位的正確拼接以及一些特殊情況的處理,比如零的情況。
具體實(shí)現(xiàn):
1. 數(shù)字與中文的映射
首先,定義兩個(gè)數(shù)組:
const chineseNumbers = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']; const units = ['', '十', '百', '千', '萬(wàn)', '十萬(wàn)', '百萬(wàn)', '千萬(wàn)', '億', '十億', '百億', '千億', '萬(wàn)億'];
chineseNumbers數(shù)組包含了數(shù)字 0 到 9 對(duì)應(yīng)的中文字符。units數(shù)組包含了中文數(shù)字的單位,如 "十"、"百"、"千"、"萬(wàn)"、"億" 等。
當(dāng)輸入的數(shù)字逐位轉(zhuǎn)換時(shí),每個(gè)位數(shù)字會(huì)映射為 chineseNumbers 中的對(duì)應(yīng)字符,而每一位的單位則是通過(guò) units 數(shù)組中的單位進(jìn)行拼接。
2. 處理特殊情況:數(shù)字為零
在中文中,數(shù)字零有著特殊的語(yǔ)法規(guī)則。多個(gè)零不能連續(xù)出現(xiàn),且如果數(shù)字的最后一位是零,則最終輸出時(shí)不應(yīng)再添加“零”。因此,代碼中引入了 zeroFlag 標(biāo)志,用來(lái)表示是否已經(jīng)遇到零:
let zeroFlag = false; // 是否在零的位置
當(dāng)遍歷到零時(shí),如果之前已經(jīng)添加過(guò)零,則跳過(guò)該零,否則就把“零”添加到字符串中,并將 zeroFlag 設(shè)置為 true,表示后續(xù)的零就不再重復(fù)添加。
3. 數(shù)字轉(zhuǎn)換的核心部分
通過(guò)以下代碼,數(shù)字逐位從右向左進(jìn)行拆解:
while (num > 0) {
let part = num % 10;
if (part === 0) {
if (!zeroFlag) {
str = chineseNumbers[0] + str; // 添加“零”
zeroFlag = true;
}
} else {
str = chineseNumbers[part] + units[unitPos] + str;
zeroFlag = false;
}
num = Math.floor(num / 10); // 去除個(gè)位數(shù)字
unitPos++; // 移動(dòng)到下一個(gè)單位
}
- 在循環(huán)中,每次通過(guò)
num % 10獲取數(shù)字的最后一位,并使用chineseNumbers[part]將數(shù)字轉(zhuǎn)換為中文字符。 - 如果該位數(shù)字為零,則檢查是否需要添加“零”。如果零還沒(méi)有添加過(guò),則將“零”添加到結(jié)果字符串中。
- 非零數(shù)字會(huì)被轉(zhuǎn)換成相應(yīng)的中文字符,并根據(jù)當(dāng)前的單位(
units[unitPos])進(jìn)行拼接。例如,個(gè)位的數(shù)字會(huì)拼接“”,十位數(shù)字會(huì)拼接“十”,百位數(shù)字會(huì)拼接“百”,依此類(lèi)推。
每次處理完一位數(shù)字后,使用 Math.floor(num / 10) 將數(shù)字向右移一位,并且單位位置 unitPos 增加 1,指向下一個(gè)單位。
4. 處理 “十”的特殊情況
在中文數(shù)字中,對(duì)于 10 到 19 之間的數(shù)字,不需要在“十”前面加上“一”。例如,數(shù)字 15 應(yīng)該轉(zhuǎn)換為“十五”而不是“一十五”。為了解決這個(gè)問(wèn)題,代碼中加入了以下判斷:
if (str.startsWith('一十')) {
str = str.substring(1);
}
這段代碼會(huì)檢查轉(zhuǎn)換后的字符串是否以“十”開(kāi)頭(即是否是10~19之間的數(shù)字),如果是的話,直接去掉前面的“一”,生成正確的中文形式。
5.函數(shù)的返回值
最終,函數(shù)返回的是經(jīng)過(guò)轉(zhuǎn)換后的中文數(shù)字:
str = str.replace(/零$/, '');//去掉末尾的零 return str;
現(xiàn)在還有個(gè)問(wèn)題,如果數(shù)太大會(huì)出現(xiàn)單位重復(fù)的問(wèn)題,例如,數(shù)字 1110016543 應(yīng)該是 十一億一千零一萬(wàn)六千五百四十三 而不是 十億一億一千萬(wàn)零一萬(wàn)六千五百四十三,解決這個(gè)問(wèn)題我們需要寫(xiě)一個(gè)處理函數(shù)。
6.處理函數(shù)
function handelr(str) {
let lastW = str.lastIndexOf('萬(wàn)');// 獲取字符串中最后一個(gè)“萬(wàn)”字符的位置
let len = str.length;
let temp='', temp2='', flagw='';//用于暫存處理后的字符串和于標(biāo)記是否遇到“萬(wàn)億”
// 判斷字符串中包含"萬(wàn)億"改變標(biāo)記狀態(tài)
if (str.indexOf('萬(wàn)億') > 0) {
flagw = true;
}
//遍歷字符串去除多余‘萬(wàn)'字
for (let i = 0; i < len; i++) {
if (i == lastW) {
temp = temp.concat(str[i]);
}
//判斷是否保留第一個(gè)'萬(wàn)'字
if (str[i] == '萬(wàn)') {
if (!flagw) {
continue;
}
flagw = false;
}
temp = temp.concat(str[i]);
}
//處理多余的'億'字
let len2 = temp.length;
let lasty = temp.lastIndexOf('億');
for (let j = 0; j < len2; j++) {
if (j == lasty) {
temp2 = temp2.concat(temp[j]);
}
if (temp[j] == '億') {
continue;
}
temp2 = temp2.concat(temp[j]);
}
return temp2;// 返回最終的處理結(jié)果
}
最后
上面的整體思路還是可以得,實(shí)際還是有所欠缺的,例如:不支持小數(shù),對(duì)于大數(shù)字的單位支持也不夠多,甚至一些讀法的場(chǎng)景可能考慮還不夠完善
需要完善的話,實(shí)際按照上面思路補(bǔ)充一下就行了
到此這篇關(guān)于基于JavaScript編寫(xiě)一個(gè)簡(jiǎn)易的數(shù)字轉(zhuǎn)中文功能的文章就介紹到這了,更多相關(guān)JavaScript數(shù)字轉(zhuǎn)中文內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- JS實(shí)現(xiàn)萬(wàn)億數(shù)字轉(zhuǎn)中文的代碼詳解
- JavaScript實(shí)現(xiàn)將阿拉伯?dāng)?shù)字轉(zhuǎn)換成中文或大寫(xiě)中文的方法
- JavaScript實(shí)現(xiàn)將阿拉伯?dāng)?shù)字轉(zhuǎn)換成中文大寫(xiě)
- JS如何將數(shù)字金額轉(zhuǎn)換成中文金額格式
- JavaScript實(shí)現(xiàn)把數(shù)字轉(zhuǎn)換成中文
- JavaScript將數(shù)字轉(zhuǎn)換成大寫(xiě)中文的方法
- javascript中驗(yàn)證大寫(xiě)字母、數(shù)字和中文
相關(guān)文章
JavaScript三種方法解決約瑟夫環(huán)問(wèn)題的方法
約瑟夫環(huán)問(wèn)題又稱(chēng)約瑟夫問(wèn)題或丟手絹問(wèn)題,是一道經(jīng)典的算法問(wèn)題,本篇將以循環(huán)鏈表、有序數(shù)組、數(shù)學(xué)遞歸三種方式來(lái)解決約瑟夫環(huán)問(wèn)題。感興趣的可以了解一下2021-09-09
JavaScript如何實(shí)現(xiàn)元素全排列實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于JavaScript如何實(shí)現(xiàn)元素全排列的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
NodeJS Express框架中處理404頁(yè)面一個(gè)方式
這篇文章主要介紹了NodeJS Express框架中處理404頁(yè)面一個(gè)方式,原理就是把404路由放在最后匹配,也就是路由中沒(méi)有定義的全部轉(zhuǎn)到404頁(yè)面,需要的朋友可以參考下2014-05-05
JavaScript 異步調(diào)用框架 (Part 6 - 實(shí)例 & 模式)
我們用了5篇文章來(lái)討論如何編寫(xiě)一個(gè)JavaScript異步調(diào)用框架(問(wèn)題 & 場(chǎng)景、用例設(shè)計(jì)、代碼實(shí)現(xiàn)、鏈?zhǔn)秸{(diào)用、鏈?zhǔn)綄?shí)現(xiàn)),現(xiàn)在是時(shí)候讓我們看一下在各種常見(jiàn)開(kāi)發(fā)情景中如何使用它了。2009-08-08
kindeditor修復(fù)會(huì)替換script內(nèi)容的問(wèn)題
這里給大家分享的是個(gè)人修改的kindeditor的代碼,主要是修復(fù)了一些BUG,添加了些常用功能,推薦給大家,有需要的小伙伴可以參考下。2015-04-04
微信小程序列表時(shí)間戳轉(zhuǎn)換實(shí)現(xiàn)過(guò)程解析
這篇文章主要介紹了微信小程序列表時(shí)間戳轉(zhuǎn)換實(shí)現(xiàn)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10

