使用javascript把阿拉伯数字转换为中文数字文字

阿拉伯数字0、1、2、3、4、5、6、7、8、9,中文数字一、二、三、四、五、六、七、八、九、十,使用js脚本代码,把列表中的阿拉伯数字序号替换为中文数字文字。

转换函数代码:

function toChinesNum(num){
    let changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']; //changeNum[0] = "零"
    let unit = ["", "十", "百", "千", "万"];
    num = parseInt(num);
    let getWan = (temp) => {
    let strArr = temp.toString().split("").reverse();
    let newNum = "";
    for (var i = 0; i < strArr.length; i++) {
      newNum = (i == 0 && strArr[i] == 0 ? "" : (i > 0 && strArr[i] == 0 && strArr[i - 1] == 0 ? "" : changeNum[strArr[i]] + (strArr[i] == 0 ? unit[0] : unit[i]))) + newNum;
    }
     return newNum;
   }
   let overWan = Math.floor(num / 10000);
   let noWan = num % 10000;
   if (noWan.toString().length < 4) noWan = "0" + noWan;
   return overWan ? getWan(overWan) + "万" + getWan(noWan) : getWan(num);
}

示例:

HTML代码

<li id="1"><i></i>排序一</li>
<li id="2"><i></i>排序二</li>
<li id="3"><i></i>排序三</li>
<li id="4"><i></i>排序四</li>
<li id="5"><i></i>排序五</li>

调用代码:

$(function(){
	$('li').each(function(){
		var _num = $(this).attr('id');
		var _text = toChinesNum(_num);
		$(this).children('i').text(_text);
	});
});

获取li列表中的数字id,调用toChinesNum函数转换成中文数字文字,然后把转换后的中文数字文字显示在<i></i>标签中。

函数代码来自:https://blog.csdn.net/lavendersue/article/details/81066091