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

背景

  • 如果一串数字的长度太长,就不方便阅读,因此可以采用分隔符对数字进行分割
  • 本文的分割规则是:
    如果数字的长度大于等于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.hqwc.cn/news/197392.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ATTCK 十大免费 工具和资源

01 eBook: Getting Started with ATT&CK 这本免费电子书将有关威胁情报、检测和分析、对手模拟和红队以及评估和工程的博客文章中的内容汇集到一个方便的软件包中。 02 CALDERA CALDERA是一个网络安全平台,旨在轻松自动化对手仿真,协助手动红队并自…

作为电子信息工程的学生,学完stm32后,是应该学fpga还是Linux?

作为电子信息工程的学生,学完stm32后,是应该学fpga还是Linux? 我自己也是电子信息工程专业出身,FPGA和Linux都是我们大三的专业课,都学过基础也做了基础 的项目,我自己的选择是Linux。最近很多小伙伴找我&#xff0c…

C#中.NET 7.0 Windows窗体应用通过EF访问已有数据库并实现追加、删除、修改、插入记录

目录 一、前言 1.Database.ExecuteSqlCommand 方法不被EF7.0支持 2.SET IDENTITY_INSERT Blog {ON,OFF}不起作用 3.主键和标识列分离,成功实现插入与修改 二、新建本文涉及的项目 三、程序设计 1.Form1.cs源码 2.Form1.cs[设计] 四、生成和测试 1.原始表 …

外卖小程序系统:数字化时代餐饮业的技术奇迹

在当今数字化时代,外卖小程序系统正以其强大的技术背后支持,成为餐饮业务的一项奇迹。这个系统不仅提供了便捷的点餐体验,更通过先进的技术手段,实现了高效订单处理、智能推荐以及实时配送追踪。下面,我们将深入探讨外…

HarmonyOS ArkTS语言,运行Hello World(二)

一、认识DevEco Studio界面 进入IDE后,我们首先了解一下基础的界面。整个IDE的界面大致上可以分为四个部分,分别是代码编辑区、通知栏、工程目录区以及预览区。 代码编辑区 1、中间的是代码编辑区,你可以在这里修改你的代码,以…

22年+21年 计算机能力挑战赛初赛C语言程序题 题解

22年 第14题&#xff1a;答案&#xff1a;33 #include<stdio.h> int x1; int f(int a) { static int x2;int n0;if(a%2){ static int x3;nx; }else { static int x5;nx; }return nx;} void main() { int sumx,i;for(i0;i<4;i) sumf(i); printf(&qu…

数值的整数次方Pow(x,n)

求数组的整数次方 思想&#xff1a; 分而治之 首先判断正负数&#xff0c;然后判断奇偶性问题&#xff1a; 力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台备战技术面试&#xff1f;力扣提供海量技术面试资源&#xff0c;帮助你高效提升编程技能&a…

vue3父组件提交校验多个子组件

实现功能&#xff1a;在父组件提交事件中校验多个子组件中的form 父组件&#xff1a; <script setup lang"ts">import {ref, reactive} from vueimport childForm from ./childForm.vueimport childForm2 from ./childForm2.vuelet approvalRef ref()let ap…

华东理工李洪林课题组开发 Macformer,加速大环类药物发现

大环类化合物是指由 12 个以上原子组成的小分子或肽。相较于其他小分子化合物&#xff0c;大环类化合物在结构和性能上有着诸多优势&#xff0c;也因此被视为各类靶点的潜在治疗药物。 基于药物化学合成的大环类似物是大环类药物的一个主要来源。然而&#xff0c;由于合成方法…

数字引领,智慧赋能|袋鼠云与易知微共同亮相2023智慧港口大会

2023年10月19日&#xff0c;由中国港口协会、中国交通通信信息中心、天津港&#xff08;集团&#xff09;有限公司主办&#xff0c;中国港口协会智慧港口专业委员会、《港口科技》杂志社等单位承办的以“数字引领 智慧赋能”为主题的“2023智慧港口大会”在天津顺利召开。 袋鼠…

Linux:安装IDEA开发工具

1、下载 下载地址&#xff1a;https://www.jetbrains.com/idea/download/?sectionlinux 2、上传及解压 将安装包上传到虚拟机&#xff0c;我建的目录是/opt/idea 解压&#xff1a;tar -zxvf ideaIU-2023.2.5.tar.gz 3、启动 启动IDEA需要登陆桌面系统&#xff0c;不能在…

【unity实战】unity3D中的PRG库存系统和换装系统(附项目源码)

文章目录 先来看看最终效果前言素材简单绘制库存UI前往mixamo获取人物模型动画获取一些自己喜欢的装备物品模型库存系统换装系统装备偏移问题添加消耗品最终效果源码完结 先来看看最终效果 前言 之前2d的换装和库存系统我们都做过不少了&#xff0c;这次就来学习一个3d版本的&…