JS将数字转成货币形式的简单方法

问题:有数字字符串“12345678”怎么转成货币形式“12,345,678”?

分析:

1.使用split()把字符串分割成数组  ["1","2","3","4","5","6","7","8"]

2.使用reverse()将数组进行翻转  ["8","7","6","5","4","3","2","1"]

3.遍历数组,并在第(i+1)%4,第四个前用splice(i,0,",")插入","  ["8","7","6",",","5","4","3",",","2","1"]

4.使用reverse()再次翻转数组,遍历数组,空字符追加每个值 "12,345,678"

代码:

var a="1258746";

//1.使用split把字符串分割成数组;
//2.使用reverse将数组进行翻转;
b=a.split('').reverse();

//3.遍历数组,并在第(i+1)%4,第四个前用splice(i,0,',')插入",";
for(var i=0;i<b.length;i++){
    if((i+1)%4==0){
        b.splice(i,0,',');
    }
}
b.reverse(); // 1 , 2 5 8 , 7 4 6

//4.使用reverse再次翻转数组,遍历数组,空字符追加每个值;
var str = '';
for(var i=0;i<b.length;i++){
    str += b[i]	
}

//5.输出验证;
console.log(str)

推荐阅读:

vue2.0数据更新,重新渲染视图的三种方法

事件捕获、事件冒泡详解

 

一款好玩的电子木鱼小程序

效果

 

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要将数字转换成颜色并转换成图片,可以使用以下步骤: 1. 将数字转换成16进制颜色代码。例如,如果数字为255,可以将其转换为#FF0000(红色)。 2. 使用JavaScript创建一个div元素,并将其背景颜色设置为步骤1中的16进制颜色代码。 3. 使用一个canvas元素,在其中创建一个图像,将div元素渲染到canvas上。 4. 使用canvas.toDataURL()方法将canvas元素转换为图像的dataURL。 5. 使用JavaScript创建一个img元素,并将其src属性设置为步骤4中的dataURL。 以下是一个简单的实现示例: ```javascript // 将数字转换为16进制颜色代码 function numberToColor(number) { var hex = number.toString(16); return "#" + "0".repeat(6 - hex.length) + hex; } // 创建一个div元素,并设置其背景颜色 var div = document.createElement("div"); div.style.backgroundColor = numberToColor(255); // 创建一个canvas元素,并将div元素渲染到其中 var canvas = document.createElement("canvas"); canvas.width = 100; canvas.height = 100; var ctx = canvas.getContext("2d"); ctx.drawImage(div, 0, 0, 100, 100); // 将canvas元素转换为dataURL,并将其设置为img元素的src属性 var img = document.createElement("img"); img.src = canvas.toDataURL(); document.body.appendChild(img); // 将img元素添到页面中显示 ``` 这将创建一个红色的100x100像素图像。您可以根据需要更改数字和canvas大小来创建不同颜色和尺寸的图像。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值