快捷導(dǎo)航

js數(shù)字轉(zhuǎn)中文兩種實現(xiàn)方法

更新時間：2023年10月14日 09:52:18 作者：世俗ˊ

在前端開發(fā)中有時候會需要到將阿拉伯?dāng)?shù)字轉(zhuǎn)化為中文,當(dāng)前做個記錄,提供自己之后翻閱,這篇文章主要給大家介紹了關(guān)于js數(shù)字轉(zhuǎn)中文兩種實現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下

示例一：

如果要將數(shù)字10、100和1000轉(zhuǎn)換成中文的"十"、"一百"和"一千"，

可以使用以下 JavaScript 代碼實現(xiàn)：

function numberToChinese(num) {
  const chineseNums = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'];
  const chineseUnits = ['', '十', '百', '千'];
  if (num === 0) {
    return chineseNums[0];
  }
  let chineseStr = '';
  let unitIndex = 0;
  while (num > 0) {
    const digit = num % 10;
    if (digit !== 0) {
      // 處理非零數(shù)字
      chineseStr = chineseNums[digit] + chineseUnits[unitIndex] + chineseStr;
    } else if (chineseStr.charAt(0) !== chineseNums[0]) {
      // 處理連續(xù)的零，只保留一個零
      chineseStr = chineseNums[0] + chineseStr;
    }
    num = Math.floor(num / 10);
    unitIndex++;
  }
  return chineseStr;
}
const num1 = 10;
const num2 = 100;
const num3 = 1000;
const chineseNum1 = numberToChinese(num1);
const chineseNum2 = numberToChinese(num2);
const chineseNum3 = numberToChinese(num3);
console.log(chineseNum1); // 十
console.log(chineseNum2); // 一百
console.log(chineseNum3); // 一千

在上述代碼中，定義了 numberToChinese 函數(shù)，該函數(shù)接受一個數(shù)字作為參數(shù)并返回對應(yīng)的中文表示。函數(shù)內(nèi)部使用兩個數(shù)組 chineseNums 和 chineseUnits 分別保存中文數(shù)字和單位的文字表示。然后通過取余和除法運算來逐位地轉(zhuǎn)換數(shù)字，并根據(jù)需要添加對應(yīng)的中文單位。最后構(gòu)建出完整的中文字符串并返回。

示例二：

如果要通過用戶輸入獲取數(shù)字，并將其轉(zhuǎn)換為中文表示，可以使用 JavaScript 的 prompt 函數(shù)獲取用戶輸入。

代碼示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function numberToChinese(num) {
				const chineseNums = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'];
				const chineseUnits = ['', '十', '百', '千'];
				if (num === 0) {
					return chineseNums[0];
				}
				let chineseStr = '';
				let unitIndex = 0;
				while (num > 0) {
					const digit = num % 10;
					if (digit !== 0) {
						// 處理非零數(shù)字
						chineseStr = chineseNums[digit] + chineseUnits[unitIndex] + chineseStr;
					} else {
						// 處理連續(xù)的零，只在個位數(shù)為零時添加零
						if (chineseStr.length > 0 && chineseStr.charAt(0) !== chineseNums[0]) {
							chineseStr = chineseNums[0] + chineseStr;
						}
					}
					num = Math.floor(num / 10);
					unitIndex++;
				}
				return chineseStr;
			}
			const input = prompt('請輸入一個數(shù)字：');
			const num = parseInt(input, 10);
			if (isNaN(num)) {
				console.log('輸入無效，請輸入一個有效的數(shù)字。');
			} else {
				const chineseNum = numberToChinese(num);
				console.log(chineseNum);
			}
		</script>
	</body>
</html>

在上述代碼中，通過 prompt 函數(shù)彈出一個對話框，提示用戶輸入一個數(shù)字。用戶輸入的內(nèi)容被保存在 input 變量中，并通過 parseInt 函數(shù)將其轉(zhuǎn)換為整數(shù)類型的 num。接下來，檢查 num 是否是一個有效的數(shù)字。如果不是有效數(shù)字，則輸出提示信息；否則，調(diào)用 numberToChinese 函數(shù)將 num 轉(zhuǎn)換為中文表示，并打印結(jié)果到控制臺。用戶運行該代碼后，會彈出一個輸入框，可以在其中輸入想要轉(zhuǎn)換的數(shù)字。然后，通過調(diào)用 numberToChinese 函數(shù)將數(shù)字轉(zhuǎn)換成中文，并進行輸出。

附：js將字符串轉(zhuǎn)換成數(shù)字

1.轉(zhuǎn)換函數(shù)

js提供了parseInt()和parseFloat()兩個轉(zhuǎn)換函數(shù)。前者把值轉(zhuǎn)換成整數(shù)，后者把值轉(zhuǎn)換成浮點數(shù)。只有對String類型調(diào)用這些方法，這兩個函數(shù)才能正確運行；對其他類型返回的都是NaN(Not a Number)

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

2.強制類型轉(zhuǎn)換

還可使用強制類型轉(zhuǎn)換（type casting）處理轉(zhuǎn)換值的類型。使用強制類型轉(zhuǎn)換可以訪問特定的值，即使它是另一種類型的。

ECMAScript中可用的3種強制類型轉(zhuǎn)換如下：

Boolean(value)——把給定的值轉(zhuǎn)換成Boolean型；
Number(value)——把給定的值轉(zhuǎn)換成數(shù)字（可以是整數(shù)或浮點數(shù)）；
String(value)——把給定的值轉(zhuǎn)換成字符串。

用法結(jié)果

Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100

Number()的強制類型轉(zhuǎn)換與parseInt()和parseFloat()方法的處理方式相似，只是它轉(zhuǎn)換的是整個值，而不是部分值。