在开发中,我们遇到需要将金额的展示为千分制,有利于金额的展示。如果使用PHP或者后台亦可实现此功能,但一般情况下,金额需要参与计算,互相转换十分的麻烦。 而且仅在前端展示,不如使用JS实现金额的千分制展示以及还原。

金额转为千分之:

//自定义分隔函数方法

function fmoney(num) {

var numpart = String(num).split(".");//将数字通过jq split用小数点分隔为数组对象

numpart[0] = numpart[0].replace(new RegExp('(\\d)(?=(\\d{3})+$)', 'ig'), "$1,");

//将数组对象第一个数据(整数部分)通过正则表达式每三位用逗号分隔

return numpart.join(".");//把数组通过join方法用.进行拼接

}

还原方法:

function rmoney(s) {

if(s == ''){

return 0;

}

return parseFloat(s.replace(/[^\d\.-]/g, ""));

}

如果页面含有多个金额,只需在标签上设置class 即可:

$(document).ready(function(){

$(".fmoney").each(function () {

console.log(this);

$(this).text(fmoney($(this).text()));

});

});

php数字转千分制,JS实现金额千分制的转换以及还原相关推荐

  1. JS中金额转换以及格式化Vue过滤器

    JS中金额转换以及格式化 - 为数字加上单位:万或亿 import Vue from 'vue' /** * 为数字加上单位:万或亿 * * 例如: * 1000.01 => 1000.01 * ...

  2. Numeral.js 是一个用于格式化和数字四则运算的js 库

    1.Numeral.js 是一个用于格式化和数字四则运算的js 库. 2.支持多种语言,包括中文在内的17种语言. 在浏览器中引用js文件: <script src="numeral. ...

  3. js 将金额转换成大写汉字

    function convertCurrency(money) { //汉字的数字 var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', ...

  4. 数字滚动原生js的三种方式

    数字滚动原生js的三种方式 让数字滚动的效果简单用计时器setInterval就能轻易的实现,例如 <!DOCTYPE html> <html><head>< ...

  5. js 实现时分秒的转换

    js 实现时分秒的转换 一.题目: 用代码实现: 输入一个数字作为秒数,在页面按小时.分钟.秒的格式输出(如输入600,页面显示:0小时10分0秒) 二.解题思路: 1.首先要清楚时分秒之间的转换:1 ...

  6. 前端开发:JS中常用数据类型的转换以及使用场景集锦

    前言 在前端开发中,关于数据转换也是使用频率非常高的知识点,尤其是常见数据类型之间的相互转换的使用频率就更高了,那么本篇博文就来分享一下关于JS中常用数据类型的转换使用,分享一下,方便后期查阅使用. ...

  7. JS的类型转换,强制转换和隐式转换

    JS的类型转换 1.强制转换 通过String(),Number(),Boolean()函数强制转换 var str=123;var str1='123';console.log(typeof str ...

  8. Vue中向js中传递参数并在js中定义对象并转换参数

    场景 有下面这种主从表结构 上面的信息是主表的信息,下面是从表的信息. 在Vue中将页面的信息传递到js的方法中,在js方法中将参数进行转换使其与后台接收的参数相匹配. 注: 博客: https:// ...

  9. html进制转换js代码,JS中的进制转换以及作用

    js的进制转换, 分为2进制,8进制,10进制,16进制之间的相互转换, 我们直接利用 对象.toString()即可实现: 运行下面代码 //10进制转为16进制 (10).toString(16) ...

最新文章

  1. Easy3D:一个轻量级、易用、高效的C++库,用于处理和渲染3D数据
  2. pytorch 转换onnx_新版PyTorch发布!新增TorchScript API,扩展ONNX导出
  3. VMware linux 在2.4.20-8 中编译2.6.15.5 内核
  4. Oracle关于时间/日期的操作
  5. 12_python基础—函数基础(参数、返回值、调用)
  6. Android 系统(263)---Glide框架
  7. 拖动窗体FormBorderStyle属性为None的窗体移动
  8. OC中的内省方法初探
  9. 使用php的curl根据关键词爬取百度搜索结果页
  10. Java 多线程编程两个简单的例子
  11. 京东php乱码,浏览器打开京东商城网页显示乱码该怎么办?
  12. Flutter 实战之dart语言
  13. 《走出强迫的泥潭——森田疗法指导集锦》
  14. 虚拟服务器共享文件设置,虚拟机共享文件夹设置流程
  15. 3812 机器人走迷宫(枚举 + 全排列)
  16. Unity 中实现UI左右滑动效果
  17. Android:动态使用权限(一)
  18. 如何下载Ubuntu镜像
  19. 赋值运算符重载和拷贝构造函数
  20. JS--数据类型--渡一教育(视频笔记)

热门文章

  1. Java空指针异常:java.lang.NullPointException
  2. ImportError: cannot import name ‘render_to_response‘ 解决方法
  3. 终极解决VS2015 安装失败问题,如 安装包损坏或丢失
  4. 拒绝:请求的对资源的访问被拒绝:泊坞窗
  5. lombok标签_微服务之:springboot入门、Swagger、Lombok使用
  6. 获取 HttpServletRequest 所有参数,获取所有Httpsession中参数
  7. (转)MTK_面试的几个主要问题 必看
  8. java 读取 文件 short_Java RandomAccessFile readShort()方法
  9. JSP的基础语法和指令(源码刨析,建议收藏)
  10. Android:使用 Intent 连接多个活动