JavaScript将数字转换为中文的两种实现方案及类型转换指南

作者:工具松鼠

时间:2026-10-31

浏览:300

本文详细介绍JavaScript中将数字转换为中文表示的两种代码实现方式,包括基础数值转换与用户交互输入处理。同时补充讲解了parseInt与parseFloat转换函数的用法,以及Boolean、Number、String三种强制类型转换机制及其具体返回值结果,帮助开发者掌握数值处理与类型转换的核心技巧。

文章目录

示例一:

若需将数字10、100及1000分别转换为中文的“十”、“一百”和“一千”,

可参考如下JavaScript代码进行实现:

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) {
      // 处理非零数字
      chineseStr = chineseNums[digit] + chineseUnits[unitIndex] + chineseStr;
    } else if (chineseStr.charAt(0) !== chineseNums[0]) {
      // 处理连续的零,只保留一个零
      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函数,接收数字参数并返回对应的中文表达。函数内部通过chineseNums和chineseUnits两个数组分别存储中文数字字符与单位标识。算法利用取余与除法运算逐位解析数字,并依据位权添加相应单位,最终拼接生成完整的中文数字字符串并返回。

示例二:

若需通过用户交互获取数字并转换为中文,可利用JavaScript的prompt函数接收用户输入。

代码示例:

<!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) {
						// 处理非零数字
						chineseStr = chineseNums[digit] + chineseUnits[unitIndex] + chineseStr;
					} else {
						// 处理连续的零,只在个位数为零时添加零
						if (chineseStr.length > 0 && chineseStr.charAt(0) !== chineseNums[0]) {
							chineseStr = chineseNums[0] + chineseStr;
						}
					}
					num = Math.floor(num / 10);
					unitIndex++;
				}
				return chineseStr;
			}
			const input = prompt('请输入一个数字:');
			const num = parseInt(input, 10);
			if (isNaN(num)) {
				console.log('输入无效,请输入一个有效的数字。');
			} else {
				const chineseNum = numberToChinese(num);
				console.log(chineseNum);
			}
		</script>
	</body>
</html>

上述代码通过prompt函数弹出对话框提示用户输入数字。输入内容存入input变量,并经parseInt函数转换为整数类型的num。随后验证num是否为有效数字,若无效则输出提示信息;若有效,则调用numberToChinese函数转换并打印结果至控制台。用户运行后,可在弹出的输入框中输入目标数字,程序将调用numberToChinese函数完成转换并输出结果。

附:js将字符串转换成数字

1.转换函数

JavaScript提供了parseInt()和parseFloat()两个内置转换函数。前者用于将值转换为整数,后者用于转换为浮点数。仅对String类型调用这两个方法时才能正确运行;对其他类型调用则返回NaN(Not a Number)。

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

2.强制类型转换

此外,还可使用强制类型转换(type casting)来处理值的类型。通过强制类型转换,可以获取特定类型的值,即使其原始类型不同。

ECMAScript中可用的3种强制类型转换如下:

  • Boolean(value)——把给定的值转换成Boolean型;
  • Number(value)——把给定的值转换成数字(可以是整数或浮点数);
  • String(value)——把给定的值转换成字符串。

用法结果

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()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。

总结

到此这篇关于js数字转中文两种实现方法的文章就介绍到这了,更多相关js数字转中文内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章