美文网首页
数值加千位符

数值加千位符

作者: 晚饭总吃撑 | 来源:发表于2020-11-11 14:57 被阅读0次

关于数值加千位符网上有很多种方式,有的是通过截取字符串来添加千位符,这种方式很繁琐,最后翻遍百度找到一种比较简洁的方式去实现数值加千位符,下面直接上代码

(function($){
  $.extend({
    thousandSeparator:function(number){
     var isLegal = (typeof number === "string" || typeof number === "number")&&(!isNaN(number))
     if(isLegal){
       return Number(number).toLocaleString("zh-cn")
     }
     return "非数值型无法添加千位符"    
    }
  })
})(jQuery)
console.log($.thousandSeparator(192837))     //返回192,837
console.log($.thousandSeparator("192837"))   //返回192,837
console.log($.thousandSeparator("aaa"))      //返回"非数值型无法添加千位符"
console.log($.thousandSeparator(true))       //返回"非数值型无法添加千位符"
console.log($.thousandSeparator([1,2,3,4]))  //返回"非数值型无法添加千位符"
console.log($.thousandSeparator({aaa:111}))  //返回"非数值型无法添加千位符"
console.log($.thousandSeparator(function(){}))  //返回"非数值型无法添加千位符"

网上找到一个js方法toLocaleString,当一个数值类型的值通过该方法转换成字符串时会自动加上千位符,但是一个字符串型的数值通过该方法转换则不会有该效果,方法可以传入参数locales,也可以不传值,建议传值,因为每个国家对字符串转换的规则不尽相同。

var n = 1111
console.log(n.toLocaleString()) //1,111
var n = "1111"
console.log(n.toLocaleString()) //1111

所以当传入的值是字符串型数值时需要通过Number方法将其转化成数值类型

传入的值必须是数值类型,或者是字符串类型的数值,其他类型的数据将无法转换,需要注意的是返回的值是字符串

console.log(typeof $.thousandSeparator("192837")) //string

如果有什么不严谨的地方或者有更好的实现方式,欢迎批评和分享

相关文章

  • 【JS基础】(四)JavaScript常用操作符(运算符)

    (一)算术操作符 + 操作符 (1)一元加操作符(+) 放在数值前面,对数值不会产生任何影响; 对非数值应用一元加...

  • 数值加千位符

    关于数值加千位符网上有很多种方式,有的是通过截取字符串来添加千位符,这种方式很繁琐,最后翻遍百度找到一种比较简洁的...

  • 重拾ECMAScript5基础——数据类型+操作符

    操作符 1.一元操作符 自增自减,同C语言 一元加、一元减一元加,放在数值前,不进行任何操作,放在非数值前,类似与...

  • 2021-01-15python之常用运算符(一)

    1.算术运算符 算术运算符:加(+),减(-),乘(*),除(/ ) ,取模运算(%) (1)加法 a.数值运算b...

  • 20.递增++ 递减--

    “++”运算符对其操作数进行增量(加一)操作,运算符将操作数转换为数字,然后给数字加1,并将加1后的数值重新赋值给...

  • JavaScript基本概念(操作符,语句,函数)

    操作符包括算术操作符、位操作符、关系操作符、相等操作符。操作符一般用于数值型,如果不是数值型会被转换成数值型,对象...

  • 1、基本概念(3)(JS高级笔记)

    4.5 加性操作符 4.5.1 加法 如果两个操作符都是数值,执行常规的加法计算,然后根据下列规则返回结果: 如果...

  • 2019-02-20js_04运算符、条件语句

    一、算数运算符 加+,减-,乘,除/,除余%,自增++,自减--。这些运算符都能够将字符串转换为数值1.加法运算符...

  • C语言常用的运算符

    算术运算符 用于各类数值运算。包括加(+)、减(-)、乘(*)、除(/)、求余(或称模运算,%)、自增(++)、自...

  • JavaScript 运算符

    算术运算符 加、减、乘、除指数(**)、余数(%)自增(x++、x--)、自减(x--、--x)数值(+x)、负数...

网友评论

      本文标题:数值加千位符

      本文链接:https://www.haomeiwen.com/subject/gsvebktx.html