2021-10-09 工作记录--JS-实现金额格式：每三位加逗号（包含小数） + JS-金额格式转换成数值型（Float型） + JS-实现复制功能

一、JS实现金额格式：每三位加逗号（包含小数）

HTML：

JS：【注意：根据项目需求，这里要用template.js模块引擎】

对应代码：

function toThousands(nStr) {
        nStr += '';  
        x = nStr.split('.');  
        x1 = x[0];  
        x2 = x.length > 1 ? '.' + x[1] : '';  
        var rgx = /(\d+)(\d{3})/;  
        while (rgx.test(x1)) {  
            x1 = x1.replace(rgx, '$1' + ',' + '$2');  
        }  
        return x1 + x2;  
    }

面对上面那个例子时，假如金额默认为￥0.00，则可以采用下面这种写法：【此刻封装函数即可，而不是采用template.js模块引擎】

请求数据成功后，再把数据赋值给对应标签内容

封装的函数代码如下：

// 转换成金钱时，三个三个之间加上逗号的格式
function toThousands (nStr) {
		nStr += '';  
        x = nStr.split('.');  
        x1 = x[0];  
        x2 = x.length > 1 ? '.' + x[1] : '';  
        var rgx = /(\d+)(\d{3})/;  
        while (rgx.test(x1)) {  
            x1 = x1.replace(rgx, '$1' + ',' + '$2');  
        }  
        return x1 + x2;  
}

二、JS-金额格式转换成数值型（Float型）

// 将金额格式（含字符串类型）的数字转换成数值型（Float型）
function toNum(money) {
   return parseFloat(money.replace(/[^\d\.-]/g,""))
}

toNum('514,213.21'); // 514213.21

三、实现复制功能

HTML：
【 图片里的{{data.order_number}}是 模块引擎template.js 的写法，其中data.order_number是后台传过来的参数 】

JS：

// 复制-封装函数
function copy(message) {
  var input = document.createElement("input");
  input.value = message;
  document.body.appendChild(input);
  input.select();
  input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
  document.body.removeChild(input);
}

结果：