首页 > 其他分享 >JS系列--【千分位处理和还原】

JS系列--【千分位处理和还原】

时间:2023-03-08 21:15:00浏览次数:43  
标签:parseFloat return -- 千分 value toThousands reduction num JS

1.千分位转化文件 utils/common.js

const toThousands = function (value, num = 0) {
    if (value == null) {
        return
    }
    if(value>0){
        value *= 1;
        if(value>=1000){
            return (parseFloat(value).toFixed(num)).replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,')

        }else{
            return parseFloat(value)
        }
    }else{
        value *= -1;
        if(value>=1000){
            return (parseFloat(value*-1).toFixed(num)).replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,')

        }else{
            return parseFloat(value*-1)
        }

    }

}
const reduction = function(str){
    if(str == ''){
        return
    }
    return parseFloat(str.replace(/[^\d\.-]/g,""))   
}
 export {
    toThousands,
    reduction
 }

2.使用的组件引入文件

import {reduction,toThousands } from "../utils/common.js"

使用
reduction(val)


3.如果需要全局使用的话,在main.js添加到全局过滤器上

import {toThousands} from "../untils/common.js"
vue.filter("toThousandsFilter", function(value,num){
  return toThousands(value,num)
})

4.全局使用

{{row.[item.key] |toThousandsFilter}}

 

标签:parseFloat,return,--,千分,value,toThousands,reduction,num,JS
From: https://www.cnblogs.com/chenhaiyun/p/17196271.html

相关文章

  • LeetCode:Search Algorithm
    LeetCode:SearchAlgorithm1\FirstuniquecharAlgorithmDesign利用字符数量的有限性,通过数组来映射(避免Hash_map的高复杂度)注意数组声明为intA[26]而不是ch......
  • Java 逻辑运算
    逻辑运算基本语法逻辑运算符,操作的都是boolean类型的变量或常量,而且运算得结果也是boolean类型的值。运算符说明:      &和&&:表示"且"关系,当符号左右两边......
  • 宁大oj
    诡计多端的c2469熊抱小朋友们在游乐场里玩耍,游乐场里有很多大大小的彩色圆形柱子,小朋友喜欢每个柱子都去熊抱一下。柱子呢有粗有细的,如果太粗了小朋友就无法完全将其......
  • Redis五大数据类型
    Redis数据存储格式redis自身是一个Map类型的存储方式,其中所有的数据都是采用key:value的形式存储我们讨论的数据类型指的是存储的数据的类型,也就是value部分的类型,key......
  • 【流畅的Python0202】序列构成的数组
    1.内置序列类型概览容器序列能存放不同类型数据,因为存放的是任意对象的引用扁平序列只能存放相同类型的数据,因为存放的是值除了list、tuple和collections.dequ......
  • SQL优化
    插入数据如果我们需要一次性往数据库表中插入多条记录,可以从以下三个方面进行优化。insertintotb_testvalues(1,'tom');insertintotb_testvalues(2,'cat');insert......
  • 【Mybatis】【SQL执行过程】【三】Mybatis源码解析-SqlSession、Executor的创建
    1 前言上节我们看到 MapperMethod执行的前奏,看到其实都是调用的SqlSession去执行的,而SqlSession又是调用其内部的Executor来进行执行的,那么这节我们先来看下回......
  • 04.高并发秒杀公平不超卖-消息MQ架构体系(1) 一般有用 看2
    -----  -----                                         ......
  • CF207C3 Game with Two Trees 题解
    脑子不够,科技来凑。不过好像也没有用多么高级的科技……首先这个题目很坏,它让你翻转\(S_{t_2}\)。即从\(t_2\)某个节点往下走到另一个节点的路径所表示的字符串。这个......
  • 日结
    1、使质量成为需求问题。很多时候对于质量的评估都是开发人员在进行,我们对质量要求低,交付时会出现很多问题,我们对质量要求高,会很大程度延误工期。所以指定需求时,把质量这一......