百度面试题:js处理千分位分割

2023-10-22 21:20

本文主要是介绍百度面试题:js处理千分位分割,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

问题:使用js进行千分位分割?
使用正则表达式解决。
参考第三方npm库 thousandify 的源码,梳理了一下,主要方法在thousandify中。

该方法的思想是:正则表达式
1、正则判断输入内容是否为数字。
2、将输入内容以小数点“.”分开,分为整数位和小数位。
3、对于整数位,进行千分位划分。正则判断从末尾开始每三位数前面加逗号分隔符“,”。
4、对小数位,直接截取,默认截取2位。
5、再用小数点将整数位和小数位拼接起来。
到此完成。

   "use strict";let toString = Object.prototype.toString;let charsetRegExp = /^[\d\.]+$/;let defaultOption = {thousandSeparator: ",", // 千分位分隔符decimalSeparator: ".", // 小数分隔符decimalDigits: false, // 小数位数量, false表示不特殊处理};function isNumber(target) {return toString.call(target) === "[object Number]";}function thousandify(amount, option) {let parsedAmount = amount + "";if (!charsetRegExp.test(parsedAmount)) {return amount;}let options = Object.assign({}, defaultOption, option),decimalSeparator = options.decimalSeparator,// 小数位分隔符thousandSeparator = options.thousandSeparator,// 千分位分隔符decimalDigits = options.decimalDigits;// 小数位数// 将小数部分与整数部分分隔开let amountParts = parsedAmount.split(decimalSeparator);// 整数部分,从末尾开始每三位数前面插入千分位let intPartStr = amountParts[0].replace(/(?!^)(?=(\d{3})+$)/g, thousandSeparator); // 小数部分let decimalStr = amountParts[1] || "";// 截取小数位数,不处理精度,仅截取if (isNumber(decimalDigits)) {decimalStr = decimalStr.substr(0, decimalDigits)}return !!decimalStr ? [intPartStr, decimalStr].join(decimalSeparator) : intPartStr;}console.log(thousandify(182918.928,{decimalDigits: 2}));

效果图:
效果
注:这只是千分位分割,不处理精度(无四舍五入)。

简单的千分位分割方法:

function comma(num) {let source = String(num).split(".");//按小数点分成2部分source[0] = source[0].replace(new RegExp('(\\d)(?=(\\d{3})+$)','ig'),"$1,");//只将整数部分进行都好分割return source.join(".");//再将小数部分合并进来
}

这篇关于百度面试题:js处理千分位分割的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/263632

相关文章

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

使用C++将处理后的信号保存为PNG和TIFF格式

《使用C++将处理后的信号保存为PNG和TIFF格式》在信号处理领域,我们常常需要将处理结果以图像的形式保存下来,方便后续分析和展示,C++提供了多种库来处理图像数据,本文将介绍如何使用stb_ima... 目录1. PNG格式保存使用stb_imagephp_write库1.1 安装和包含库1.2 代码解

使用Python实现批量分割PDF文件

《使用Python实现批量分割PDF文件》这篇文章主要为大家详细介绍了如何使用Python进行批量分割PDF文件功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、架构设计二、代码实现三、批量分割PDF文件四、总结本文将介绍如何使用python进js行批量分割PDF文件的方法

C#使用DeepSeek API实现自然语言处理,文本分类和情感分析

《C#使用DeepSeekAPI实现自然语言处理,文本分类和情感分析》在C#中使用DeepSeekAPI可以实现多种功能,例如自然语言处理、文本分类、情感分析等,本文主要为大家介绍了具体实现步骤,... 目录准备工作文本生成文本分类问答系统代码生成翻译功能文本摘要文本校对图像描述生成总结在C#中使用Deep

Spring Boot 整合 ShedLock 处理定时任务重复执行的问题小结

《SpringBoot整合ShedLock处理定时任务重复执行的问题小结》ShedLock是解决分布式系统中定时任务重复执行问题的Java库,通过在数据库中加锁,确保只有一个节点在指定时间执行... 目录前言什么是 ShedLock?ShedLock 的工作原理:定时任务重复执行China编程的问题使用 Shed

Redis如何使用zset处理排行榜和计数问题

《Redis如何使用zset处理排行榜和计数问题》Redis的ZSET数据结构非常适合处理排行榜和计数问题,它可以在高并发的点赞业务中高效地管理点赞的排名,并且由于ZSET的排序特性,可以轻松实现根据... 目录Redis使用zset处理排行榜和计数业务逻辑ZSET 数据结构优化高并发的点赞操作ZSET 结

微服务架构之使用RabbitMQ进行异步处理方式

《微服务架构之使用RabbitMQ进行异步处理方式》本文介绍了RabbitMQ的基本概念、异步调用处理逻辑、RabbitMQ的基本使用方法以及在SpringBoot项目中使用RabbitMQ解决高并发... 目录一.什么是RabbitMQ?二.异步调用处理逻辑:三.RabbitMQ的基本使用1.安装2.架构

一文详解Python中数据清洗与处理的常用方法

《一文详解Python中数据清洗与处理的常用方法》在数据处理与分析过程中,缺失值、重复值、异常值等问题是常见的挑战,本文总结了多种数据清洗与处理方法,文中的示例代码简洁易懂,有需要的小伙伴可以参考下... 目录缺失值处理重复值处理异常值处理数据类型转换文本清洗数据分组统计数据分箱数据标准化在数据处理与分析过

mysql外键创建不成功/失效如何处理

《mysql外键创建不成功/失效如何处理》文章介绍了在MySQL5.5.40版本中,创建带有外键约束的`stu`和`grade`表时遇到的问题,发现`grade`表的`id`字段没有随着`studen... 当前mysql版本:SELECT VERSION();结果为:5.5.40。在复习mysql外键约