网上找的个案例,略加整理,简已封装,挺完美的。
功能是将数字金额转为汉字金额
vue中,自行在assets新建js,封装如下,复制粘贴进去即可
-
/**
-
* 数字金额转汉字金额
-
* val为字符串类型
-
*/
-
export
const toChies =
(val) => {
-
//汉字的数字
-
var cnNums =
new
Array(
'零',
'壹',
'贰',
'叁',
'肆',
'伍',
'陆',
'柒',
'捌',
'玖');
-
//基本单位
-
var cnIntRadice =
new
Array(
'',
'拾',
'佰',
'仟');
-
//对应整数部分扩展单位
-
var cnIntUnits =
new
Array(
'',
'万',
'亿',
'兆');
-
//对应小数部分单位
-
var cnDecUnits =
new
Array(
'角',
'分',
'毫',
'厘');
-
//整数金额时后面跟的字符
-
var cnInteger =
'整';
-
//整型完以后的单位
-
var cnIntLast =
'元';
-
//最大处理的数字
-
var maxNum =
999999999999999.9999;
-
//金额整数部分
-
var integerNum;
-
//金额小数部分
-
var decimalNum;
-
//输出的中文金额字符串
-
var chineseStr =
'';
-
//分离金额后用的数组,预定义
-
var parts;
-
if (val ==
'') {
return
''; }
-
val =
parseFloat(val);
-
if (val >= maxNum) {
-
//超出最大处理数字
-
return
'';
-
}
-
if (val ==
0) {
-
chineseStr = cnNums[
0] + cnIntLast + cnInteger;
-
return chineseStr;
-
}
-
//转换为字符串
-
val = val.toString();
-
if (val.indexOf(
'.') ==
-1) {
-
integerNum = val;
-
decimalNum =
'';
-
}
else {
-
parts = val.split(
'.');
-
integerNum = parts[
0];
-
decimalNum = parts[
1].substr(
0,
4);
-
}
-
//获取整型部分转换
-
if (
parseInt(integerNum,
10) >
0) {
-
var zeroCount =
0;
-
var IntLen = integerNum.length;
-
for (
var i =
0; i < IntLen; i++) {
-
var n = integerNum.substr(i,
1);
-
var p = IntLen - i -
1;
-
var q = p /
4;
-
var m = p %
4;
-
if (n ==
'0') {
-
zeroCount++;
-
}
else {
-
if (zeroCount >
0) {
-
chineseStr += cnNums[
0];
-
}
-
//归零
-
zeroCount =
0;
-
chineseStr += cnNums[
parseInt(n)] + cnIntRadice[m];
-
}
-
if (m ==
0 && zeroCount <
4) {
-
chineseStr += cnIntUnits[q];
-
}
-
}
-
chineseStr += cnIntLast;
-
}
-
//小数部分
-
if (decimalNum !=
'') {
-
var decLen = decimalNum.length;
-
for (
var i =
0; i < decLen; i++) {
-
var n = decimalNum.substr(i,
1);
-
if (n !=
'0') {
-
chineseStr += cnNums[
Number(n)] + cnDecUnits[i];
-
}
-
}
-
}
-
if (chineseStr ==
'') {
-
chineseStr += cnNums[
0] + cnIntLast + cnInteger;
-
}
else
if (decimalNum ==
'') {
-
chineseStr += cnInteger;
-
}
-
return chineseStr;
-
};
页面中引入(自行修改路径以及js文件名)
import { toChies } from "@/assets/...js文件";
使用(val为字符串格式)
toChies(val)
个人前端博客 http://sharedblog.cn/
原地址 http://www.sharedblog.cn/post/212.html
前端软件下载 http://iqzhan.com/category-23.html
转载:https://blog.csdn.net/tianpeng1996/article/details/112178483
查看评论