JS:给数字添加千分位符(每3位数用逗号隔开)

news2024/9/22 1:59:09

背景

  • 如果一串数字的长度太长,就不方便阅读,因此可以采用分隔符对数字进行分割
  • 本文的分割规则是:
    如果数字的长度大于等于5则进行分割,每3位数用逗号分割开

解决

  • 数字可以分为:number类型的数字和字符串类型的数字,这2者的处理略有不同
  • 其次,判断数字的长度是否大于等于5,若大于等于5,则用分隔符对数字进行分割
1、字符串类型的数字
// 字符串类型的数字
// 测试1:
var str = "12345678"
if (str.length >= 5) {
    console.log(str.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'))
} else {
    console.log(str)
}
// 测试2
var str1 = "1234"
if (str1.length >= 5) {
    console.log(str1.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'))
} else {
    console.log(str1)
}
// 测试3:
var str2 = "12345"
if (str2.length >= 5) {
    console.log(str2.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'))
} else {
    console.log(str2)
}
  • 结果如下:
    在这里插入图片描述
2、number类型的数字
// number类型的数字
// 测试1:
var num = 1234567
// 先把数字类型转换成字符串才能获取数字的长度
if ((num + "").length >= 5) {
    console.log(num.toLocaleString("en-US"))
}
else {
    console.log(num)
}
// 测试2:
var num1 = 1234
// 先把数字类型转换成字符串才能获取数字的长度
if ((num1 + "").length >= 5) {
    console.log(num1.toLocaleString("en-US"))
}
else {
    console.log(num1)
}
// 测试3:
var num2 = 12345
// 先把数字类型转换成字符串才能获取数字的长度
if ((num2 + "").length >= 5) {
    console.log(num2.toLocaleString("en-US"))
}
else {
    console.log(num2)
}
  • 结果如下:
    在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1230792.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

76基于matlab的免疫算法求解配送中心选址问题,根据配送地址确定最佳配送中心地址位置。

基于matlab的免疫算法求解配送中心选址问题,根据配送地址确定最佳配送中心地址位置。数据可更换自己的,程序已调通,可直接运行。 76matlab免疫算法配送中心选址 (xiaohongshu.com)

day17-高速缓冲区的管理机制

1.目的 用户与磁盘进行文件交互时的流程 磁盘与高速缓冲区的关系 加深块设备驱动的理解 hash 循环链表 单链表的使用方法 2.高速缓冲区的工作流程 高速缓冲区中存储这对应的块设备驱动的数据 当从块设备中读取数据的时候,OS首先会从高速缓冲区中进行检索&#xff0…

【Redis使用】一年多来redis使用笔记md文档,第(2)篇:命令和数据库操作

Redis 是一个高性能的key-value数据库。本文会让你知道:什么是 nosql、Redis 的特点、如何修改常用Redis配置、写出Redis中string类型数据的增删改查操作命令、写出Redis中hash类型数据的增删改查相关命令、说出Redis中 list 保存的数据类型、使用StrictRedis对象对…

深度学习领域中的耦合与解耦

在阅读论文的时候应该会看到两个操作,一个是耦合,一个是解耦,经常搭配着出现的就是两个词语,耦合头(Coupled head)以及Decoupled head(解耦合头),那为什么要耦合&#xf…

电影:从微缩模型到AI纹理

在线工具推荐: 三维数字孪生场景工具 - GLTF/GLB在线编辑器 - Three.js AI自动纹理化开发 - YOLO 虚幻合成数据生成器 - 3D模型在线转换 - 3D模型预览图生成服务 自胶片问世以来,电影制作人必须以模仿现实的方式使用纹理,让观众相信他…

Nginx-负载均衡-动静分离-虚拟主机

负载均衡 负载均衡基本使用 1 配置上游服务器 upstream myserver { #是server外层server ip1:8080;server ip1:8080; }2 配置代理 server {location / { proxy_pass http://myserver;#请求转向myserver 定义的服务器列表 注意这个http不能丢 pro…

你知道STM32和51单片机的区别吗?

你知道STM32和51单片机的区别吗? 51单片机是很经典的一款单片机。事实上很多电信专业本科阶段都会以这个单片机作为入门。最近很多小伙伴找我,说想要一些STM32的资料,然后我根据自己从业十年经验,熬夜搞了几个通宵,精心…

8086/8088 存储器分段概念

8086/8088 存储器分段概念 这一节主要讲述8086/8088 存储器分段的概念。 目的 从8086 CPU开始采用了分段的方法管理存储器,只有充分理解存储器分段的概念和存储器逻辑地址和物理地址的关系,才能有助于我们掌握8086/8088汇编语言。 存储器分段的原因 在此…

【EI会议征稿】2024年智慧城市与信息系统国际学术会议 (ICSCIS 2024)

2024年智慧城市与信息系统国际学术会议 (ICSCIS 2024) 2024 International Conference on Smart City and Information System 随着互联网技术的发展,城市化进程的深入,智慧城市的研究与发展越来越普遍,运用物联网、云计算、大数据等先进信…

数据结构:枚举

概念 枚举主要用途是:将一组常量组织起来,在这之前表示一组常量通常使用定义常量的方式: 比如下面的例子: public static final int RED 1; public static final int GREEN 2; public static final int BLACK 3; 利用常量…

想做副业在哪里找?做好这些副业平台就够了

每个人在生活中都有一些额外的需求和理想,所以越来越多的人开始寻找副业来实现小目标。但是,但是寻找副业的过程并不容易,需要考虑到自己的时间和能力,还有选择一个靠谱的平台。其实,副业平台并不太难,只要…

被OpenAI开除后,创始人奥特曼在微软找到了新工作

微软首席执行官纳德拉宣布,OpenAI创始人Sam Altman和Brockman及其同事将加入微软。随后,Altman转发了他的推特。 此前,外媒消息称,OpenAI首席科学家伊尔亚苏茨克维(Ilya Sutskever)周日晚告知公司员工&…

springboot中动态api如何设置

1.不需要编写controller 等mvc层,通过接口动态生成api。 这个问题,其实很好解决,以前编写接口,是要写controller,需要有 RestController RequestMapping("/test1") public class xxxController{ ApiOperat…

使用 Amazon VPS 探索存储选项:实用指南

文章作者:Libai 在这个数字化时代,云计算已经成为了企业的必需品,它为我们带来了可扩展性、灵活性和成本效益。作为一家领先的云服务提供商,亚马逊网络服务(Amazon Web Services)提供了各种各样的服务&…

栈和队列知识点+例题

1.栈 1.1栈的概念及结构 栈:一种特殊的线性表,其只允许在固定的一端进行插入和删除元素的操作。进行数据插入和删除操作的一端成为栈顶,另一端成为栈底。遵守后进先出的原则(类似于弹夹) 压栈:栈的插入操…

Linux搭建服务器环境,挂载SpringBoot+VUE项目

本地环境 Ubuntu20.04 服务器环境 CentOS7.6 购买服务器 以阿里云轻量服务器(适合初学者)为例,自行选择规格进行购买 购买完成后,获取服务器公网IP,同时重置密码,设置服务器密码 配置防火墙 点击实例ID&am…

极智嘉(Geek+)官宣重磅合作伙伴,再度赋能仓储自动化解决方案落地

近日,全球仓储机器人引领者极智嘉(Geek)再度官宣重磅合作伙伴,其与全球先进的物流自动化和软件公司FORTNA达成了战略合作。 当前,电商领域发展迅速,高效、可拓展的订单履行方案需求急剧增长。基于这一形势,极智嘉与FO…

OpenCV [c++](图像处理基础示例小程序汇总)

OpenCV [c++](图像处理基础示例小程序汇总) 推荐 原创 NCUTer 2023-04-04 14:18:49 文章标签 Image 图像处理 文章分类 计算机视觉 人工智能 在51CTO的第一篇博文 阅读数1467 一、图像读取与显示 #include<opencv2/opencv.hpp> #include<iostream>using…

git问题: git@10.18.*.*: Permission denied (publickey,password)

遇到的问题&#xff1a; openSSH版本太高&#xff0c;openssh高版本默认禁止ssh-rsa加密算法&#xff0c;直接换ed25519 执行以下命令&#xff1a; 在.ssh目录下执行&#xff1a;ssh-keygen -t ed25519 -C “youremail.com” ssh-add ~/.ssh/id_ed25519 将id_ed25519.pub添加…

文章解读与仿真程序复现思路——电力自动化设备EI\CSCD\北大核心《考虑多重不确定性和潜在博弈的楼宇群电能优化调度策略》

这个标题涉及到楼宇群电能的优化调度策略&#xff0c;并强调了两个重要的方面&#xff1a;多重不确定性和潜在博弈。 楼宇群电能优化调度策略&#xff1a; 这指的是在一个涉及多个楼宇&#xff08;建筑物&#xff09;的群体中&#xff0c;对电能的使用进行优化调度的策略。这可…