vue阿拉伯数字转换繁体字

最新推荐文章于 2024-05-15 16:50:57 发布

慎思笃行_

最新推荐文章于 2024-05-15 16:50:57 发布

阅读量637

点赞数 1

分类专栏： vue js 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/m0_58266149/article/details/126675059

版权

vue 同时被 2 个专栏收录

14 篇文章 1 订阅

订阅专栏

8 篇文章 0 订阅

订阅专栏

本文介绍了一种将阿拉伯数字转换为包含繁体字的货币形式（如壹拾零元零角零分）的函数实现，通过代码示例展示了如何针对小数点后的部分进行逐位转换，并提到了可能的优化方向。核心方法 capital() 处理了数字的大写转换。

摘要由CSDN通过智能技术生成

功能阐述：

1.将阿拉伯数字转换为繁体字组合

2.设10.00 显示壹拾零元零角零分

设123.00 显示壹佰贰拾叁元零角零分

小提示：（代码可优化，现在的状态为了方便大家理解。并且一定还有更好的方法）

第一步：data中我添加一个测试数据（为了便于测试）

第二步：html中代码如下(这一步可以优化)

<span>
<span>{{ceshiNumber.indexOf(".")-6<0?'':capital(ceshiNumber.slice(ceshiNumber.indexOf(".")-6,ceshiNumber.indexOf(".")-5))+'拾'}}</span>
<span>{{ceshiNumber.indexOf(".")-5<0?'':capital(ceshiNumber.slice(ceshiNumber.indexOf(".")-5,ceshiNumber.indexOf(".")-4))+'万'}}</span>
<span>{{ceshiNumber.indexOf(".")-4<0?'':capital(ceshiNumber.slice(ceshiNumber.indexOf(".")-4,ceshiNumber.indexOf(".")-3))+'仟'}}</span>
<span>{{ceshiNumber.indexOf(".")-3<0?'':capital(ceshiNumber.slice(ceshiNumber.indexOf(".")-3,ceshiNumber.indexOf(".")-2))+'佰'}}</span>
<span>{{ceshiNumber.indexOf(".")-2<0?'':capital(ceshiNumber.slice(ceshiNumber.indexOf(".")-2,ceshiNumber.indexOf(".")-1))+'拾'}}</span>
<span>{{ceshiNumber.indexOf(".")-1<0?'':capital(ceshiNumber.slice(ceshiNumber.indexOf(".")-1,ceshiNumber.indexOf(".")))+'元'}}</span>
<span>{{ceshiNumber.indexOf(".")+1<0?'':capital(ceshiNumber.slice(ceshiNumber.indexOf(".")+1,ceshiNumber.indexOf(".")+2))+'角'}}</span>
<span>{{ceshiNumber.indexOf(".")+2<0?'':capital(ceshiNumber.slice(ceshiNumber.indexOf(".")+2,ceshiNumber.indexOf(".")+3))+'分'}}</span>
</span>

第三步：methods里面添加capital()方法

 //大写方法j
    capital (number) {
      console.log(number, "数字");
      if (number == 0) {
        return '零'
      } else if (number == 1) {
        return '壹'
      } else if (number == 2) {
        return '贰'
      } else if (number == 3) {
        return '叁'
      } else if (number == 4) {
        return '肆'
      } else if (number == 5) {
        return '伍'
      } else if (number == 6) {
        return '陆'
      } else if (number == 7) {
        return '柒'
      } else if (number == 8) {
        return '捌'
      } else if (number == 9) {
        return '玖'
      }
    },