javascript实现阿拉伯数字转大写

这篇博客介绍了如何使用JavaScript将阿拉伯数字转换为大写形式。内容包括关键知识点如charAt()、substr()和substring()的用法,以及在前端开发中遇到的问题,如在input框中添加内容应使用.value而非.innerHTML,以及!important在CSS中的优先级。还提到了JavaScript中Number().toLocaleString()用于实现千分位分隔的特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

编写前准备

  下面是编写该方法需要用到的关键知识点:

  1. charAt(index):可返回指定位置的字符
  2. substr(start, length):返回从一个指定位置开始的指定长度的字符串
    参数:
    start: 必选项,所需截取字符串的起始位置;
    length: 可选项,返回字符串包含的字符个数,当length<=0的时候,表示返回一个空的字符串;当length没有指定的时候,表示截取的字符串从start延续到字符串的最后。
  3. substring(start, end): 返回指定字符串
    参数:
    start: 指明子字符串的起始位置,该索引从 0 开始起算;
    end: 指明子字符串的结束位置,该索引从 0 开始起算。
    特殊情况:
      只包含一个参数,则默认将该参数设为起始位子,返回从该参数起到字符串末尾的字符;
      start和end两者之间以较小的作为起始,较大的作为结束,比如a.substring(1, 5)和a.substring(5, 1)返回的字符串相同;
      如果start或end为NaN或者负数,则将其置为0。

具体代码

function ToString(n) { 

        if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)){

             return "数据非法";  //判断数据是否大于0
        }

        var unit = "千百拾亿千百拾万千百拾元角分", str = "";

            n += "00";  

        var indexpoint = n.indexOf('.');  //如果是小数,截取小数点前面的位数

        if (indexpoint >= 0){

            n = n.substring(0, indexpoint) + n.substr(indexpoint+1, 2);   //若为小数,截取需要使用的unit单位
        }

            unit = unit.substr(unit.length - n.length);  //若为整数,截取需要使用的unit单位
        for (var i=0; i < n.length; i++){

            str += '零壹贰叁肆伍陆柒捌玖'.charAt(n.charAt(i)) + unit.charAt(i);  //遍历转化为大写的数字
        }

        return str.replace(/零(千|百|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");  // 替换掉数字里面的零字符,得到结果

        }

总结

  在做这个任务的时候遇到了一些很细小的知识点导致自己调试了很久,半年后第一次做前端的任务,发现自己的前端好多细小的知识点已经忘记,一个小小的任务,要查阅资料才能记起具体的用法,好忧伤,看来代码和知识点都要巩固而知新才行啊!下面就是自己这次任务很小的记不清的知识点:

  1. 原生JS,在input框里面添加内容不能用innerHTML(),应该用”.value =”,当时因为这个innerHTML调试了好久,就是不知道为啥内容没被填进去,想想自己是真的傻,前端基础好多都记不清楚了
  2. !important在样式中优先级最高
  3. 千分位添加一个逗号,es6有了新特性:Number().toLocalString()。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值