编写前准备
下面是编写该方法需要用到的关键知识点:
- charAt(index):可返回指定位置的字符
- substr(start, length):返回从一个指定位置开始的指定长度的字符串
参数:
start: 必选项,所需截取字符串的起始位置;
length: 可选项,返回字符串包含的字符个数,当length<=0的时候,表示返回一个空的字符串;当length没有指定的时候,表示截取的字符串从start延续到字符串的最后。 - 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, "元整"); // 替换掉数字里面的零字符,得到结果
}
总结
在做这个任务的时候遇到了一些很细小的知识点导致自己调试了很久,半年后第一次做前端的任务,发现自己的前端好多细小的知识点已经忘记,一个小小的任务,要查阅资料才能记起具体的用法,好忧伤,看来代码和知识点都要巩固而知新才行啊!下面就是自己这次任务很小的记不清的知识点:
- 原生JS,在input框里面添加内容不能用innerHTML(),应该用”.value =”,当时因为这个innerHTML调试了好久,就是不知道为啥内容没被填进去,想想自己是真的傻,前端基础好多都记不清楚了
- !important在样式中优先级最高
- 千分位添加一个逗号,es6有了新特性:Number().toLocalString()。