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

更新时间：2024年05月07日 11:07:30 作者：一诺滚雪球

现在有需求将亿元之内的阿拉伯数字转换成中文,例如：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 处理四位转换

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

接下来处理四位转换:

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

const chars = ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
const units = ["", "十", "百", "千"];
function _transform(n) {
    let result = ''
    for (let i = 0; i < n.length; i++) {
        // 转换汉字
        const c = chars[+n[i]];
        // 加单位 得到单位
        let u = units[n.length - 1 - i]
        result += c + u
    }
    return result
}

得到结果：

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阿拉伯数字转中文大写的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

JavaScript实现左右滚动电影画布
这篇文章主要为大家详细介绍了JavaScript实现左右滚动电影画布，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-02-02
二级域名或跨域共享Cookies的实现方法
适用于Asp。在主域名设置的Cookie，在各子域名共用；适用于博客等提供二级域名。这个问题，以网上有众多帖子，可惜都没有完整解决。
2008-08-08
javascript下拉框选项单击事件的例子分享
这篇文章主要分享了一些javascript下拉框选项单击事件的例子，以及在例子中遇到的问题的解决方法，十分实用，推荐给小伙伴们参考下。
2015-03-03
原生js+cookie实现购物车功能的方法分析
这篇文章主要介绍了原生js+cookie实现购物车功能的方法,结合实例形式分析了javascript结合cookie存储实现购物车功能的相关操作技巧,需要的朋友可以参考下
2017-12-12
Webpack打包速度优化方案汇总
Webpack 打包速度优化是提升开发效率和构建效率的关键,以下是系统化的优化方案,从基础配置到高级技巧全面覆盖,并通过代码示例讲解的非常详细,需要的朋友可以参考下
2025-04-04
Three.js开发之Fog组件知识整理
在Threejs中Fog类用于创建线性雾的效果,雾效果常用于模拟真实世界中视觉深度递减的效果,也可以用于创建某些艺术效果,这篇文章主要介绍了Three.js Fog 组件知识的相关资料,需要的朋友可以参考下
2025-07-07
JavaScript中数组sort()方法的基本使用与踩坑记录
: js中用方法sort()为数组排序,这篇文章主要给大家介绍了关于JavaScript中数组sort()方法的基本使用,sort()方法已经可以满足我们对数组的很多处理需求,需要的朋友可以参考下
2021-06-06
通过循环优化 JavaScript 程序
这篇文章主要介绍了通过循环优化 JavaScript 程序，对于提高 JavaScript 程序的性能这个问题，最简单同时也是很容易被忽视的方法就是学习如何正确编写高性能循环语句。下面我们来学习一下吧
2019-06-06
javascript数据类型中的一些小知识点（推荐）
这篇文章主要介绍了javascript数据类型中的一些小知识点，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
tree shaking功能及使用原理详细解析
这篇文章主要为大家介绍了tree shaking功能及使用原理详细解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪的相关资料
2023-01-01