JavaScript实现将阿拉伯数字转换成中文或大写中文的方法

更新时间：2024年11月05日 11:23:23 作者：码喽的自我修养

现在有需求将亿元之内的阿拉伯数字转换成中文,例如：1234转换后变为一千二百三十四再转换成壹仟贰佰叁拾肆,所以本文给大家介绍了用JavaScript实现将阿拉伯数字转换成中文大写,感兴趣的小伙伴跟着小编一起来看看吧

1. 背景

现在有需求将亿元之内的阿拉伯数字转换成中文，例如：1234转换后变为一千二百三十四再转换成壹仟贰佰叁拾肆。

2. 需求分析

以下是对这些规则的分析：

数字分组：
单位映射：
零的处理：
中文数字映射：
转换逻辑：

2.1 数字分组

将数字从低位到高位，每四位分为一组。例如，12345678 可以分为 12, 345, 678。
最高位可能不足四位，如 1234，则直接作为一组处理。

先看一个例子：

1234 -> 一千二百三十四

12340000 -> 一千二百三十四

规则：

当是四位以内时，则是千百十表示
超过四位时，则是将前几位按照 规则1表示，后面加上万的单位

通过上述可以得到，将转换的数字先进行四位拆分。

function numToWords(num) {
    // 四位进行分割
    const numStr = num.toString().replace(/(?=(\d{4})+$)/g, ',')
        .split(',')
        .filter(Boolean)
}

拆分情况：

123456 -> ,12,3456 -> ['',12,3456] -> [12,3456]

2.2 处理四位转换

循环拆分后的数组，每项转换，对四位进行处理。每一位对应的单位不同，转换后再进行拼接即可。

接下来处理四位转换:

对于每一组数字，我们需要将其转换为对应的中文数字，并添加相应的单位。
对于四位数的每一位（个、十、百、千），我们有对应的单位： ''（无单位，即个位）、十、百、千。
对于更高位的组（万、亿等），我们也有对应的单位：万、亿等。

得到结果：

1234 -> 一千二百三十四

问题1: 如果是1203,得到一千二百零十三 - 需要处理如果是0 则不需要带单位

问题2: 如果1003，得到一千零零三

则需要将连续的零保留一个

问题3: 如果1200 得到一千二百零零 - 需要去除末尾的零

问题4: 如果100001000 得到一亿零零零零万一千零零零 - 如果四位都是零则保留一个

const chars = ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
const units = ["", "十", "百", "千"];
function _handleZero(str) {
    return str.replace(/零{2,}/g, '零').replace(/零+$/, '')
}
function _transform(n) {
// 处理四位全部为0
    if (n === '0000') {
        return chars[0]
    }
    let result = ''
    for (let i = 0; i < n.length; i++) {
        // 转换汉字
        const c = chars[+n[i]];
        // 加单位 得到单位
        let u = units[n.length - 1 - i]
        // 处理0不加单位
        if (c === chars[0]) {
            u = ''
        }
        result += c + u
    }
    // 处理重复零，末尾零情况
    return _handleZero(result)
}

2.3 循环分割数组，添加单位

现在将四位进行分割的数组，循环遍历，添加大的单位。

从低位到高位遍历数字的每一位。
对于每一位，根据其在组中的位置（个、十、百、千）和组在整体数字中的位置（无单位、万、亿等），选择正确的单位和中文数字进行拼接。
处理边界情况

function numToWords(num) {
    // 四位进行分割
    const numStr = num.toString().replace(/(?=(\d{4})+$)/g, ',')
        .split(',')
        .filter(Boolean)
        
    const bigUnits = ["", "万", "亿"];
    let result = ''
    for (let i = 0; i < numStr.length; i++) {
        const part = numStr[i];
        const c = _transform(part)
        let u = bigUnits[numStr.length - i - 1];
        // 也是需要考虑当四位为0的情况不需要添加单位
        if (c === chars[0]) {
            u = ''
        }
        result += c + u
    }
    result = _handleZero(result)
    return result
}

至此转换成中文就结束。

2.4 大写转换

需要一个映射表，将阿拉伯数字 0-9 映射到对应的中文数字 零-九 以及大写形式 壹-玖。

const map = {
    零: '零',
    一: '壹',
    二: '贰',
    三: '叁',
    四: '肆',
    五: '伍',
    六: '陆',
    七: '柒',
    八: '捌',
    九: '玖',
    十: '拾',
    百: '佰',
    千: '仟',
    万: '萬',
    亿: '亿',
}
// 最后结果转换下即可
result.split('').map(s => map[s]).join('')

附上完整代码：

function numToWords(num) {
    const map = {
        零: '睿',
        一: '壹',
        二: '贰',
        三: '叁',
        四: '肆',
        五: '伍',
        六: '陆',
        七: '柒',
        八: '捌',
        九: '玖',
        十: '拾',
        百: '佰',
        千: '仟',
        万: '萬',
        亿: '亿',
    }
    const bigUnits = ["", "万", "亿"];
    const chars = ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
    const units = ["", "十", "百", "千"];
    // 四位进行分割
    const numStr = num.toString().replace(/(?=(\d{4})+$)/g, ',')
        .split(',')
        .filter(Boolean)
 
    let result = ''
    for (let i = 0; i < numStr.length; i++) {
        const part = numStr[i];
        const c = _transform(part)
        let u = bigUnits[numStr.length - i - 1];
        console.log('打印***numStr.length - i - 1', numStr.length - i - 1)
        if (c === chars[0]) {
            u = ''
        }
        result += c + u
        console.log('打印***c', c, u, part)
    }
    result = _handleZero(result)
    // 处理一十情况
    if (result === '一十') {
        result = '十'
    }
 
    return result.split('').map(s => map[s]).join('')
 
    function _handleZero(str) {
        return str.replace(/零{2,}/g, '零').replace(/零+$/, '')
    }
 
    function _transform(n) {
        if (n === '0000') {
            return chars[0]
        }
 
        let result = ''
        for (let i = 0; i < n.length; i++) {
            // 转换汉字
            const c = chars[+n[i]];
            // 加单位 得到单位
            let u = units[n.length - 1 - i]
            if (c === chars[0]) {
                u = ''
            }
            result += c + u
        }
        return _handleZero(result)
    }
}

3. 总结

最后总结一波：数字转换中文的核心就是将数字进行四位分组，处理边界零的情况，最后映射转换。

以上就是JavaScript实现将阿拉伯数字转换成中文或大写中文的方法的详细内容，更多关于JavaScript阿拉伯数字转中文的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

JS实现上传图片的三种方法并实现预览图片功能
在用户注册页面，需要用户在本地选择一张图片作为头像，并同时预览，实现思路有两种，具体实现方法和实例代码大家参考下本文
2017-07-07
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
这篇文章主要介绍了JavaScript编程设计模式之观察者模式(Observer Pattern),简单说明了观察者模式的概念、原理并结合实例形式详细给出了观察者模式的相关实现与使用技巧,需要的朋友可以参考下
2017-10-10
JavaScript中不可忽略的Symbol的盘点
Symbol类型的出现,为每个属性赋予了独一无二的标识符,无论项目多么复杂,Symbol都能确保属性键的绝对唯一性,下面我们就来看看JavaScript中那些不可忽略的Symbol吧
2024-12-12
js跳转页面方法总结
本篇文章主要是对js跳转页面方法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01
一种基于浏览器的自动小票机打印实现方案(js版)
这篇文章主要介绍了一种基于浏览器的自动小票机打印实现方案(js版)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-07-07
javascript 获取图片颜色
html 5.0的canvas可以获取到图片的像素点了。这样，我们可以做很多以图片有关的操作和渲染了。当然今后也会给浏览器渲染引擎更高的要求。（YY, 什么时候html渲染引擎也支持多核和GPU呢？）
2009-04-04
JavaScript实现图片瀑布流和底部刷新
这篇文章主要为大家详细介绍了JavaScript实现图片瀑布流和底部刷新，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
Javascript中的相等与不等运算
在 javascript 中，可以使用 == 来比较两个数据是否相等，如果两个数据的类型不同，那么，将在进行转换后进行比较
2010-04-04
js获取URL的参数的方法(getQueryString)示例
getQueryString方法默认返回的是 string如果是int类型，则JS使用的时候，要进行转换一下，下面有个不错的示例，大家可以参考下
2013-09-09
禁止你的左键复制实用技巧
左键复制对于所有人来说有好有坏，例如原创内容就不想被别人复制，接下来介绍一种方法，有需要的朋友可以参考下
2013-01-01