简单的 JavaScript 数字格式化方法

每个大型社交媒体网站都以与 93.1K 追随者、100 万订阅者或 2.5B 浏览量相同的方式格式化他们的数字，他们这样做是因为用紧凑的数字设计 UI 要容易得多。

要像这样格式化数字，你可能认为你需要编写一个带有一堆条件逻辑的函数，或者在 npm 上找到一个包来为你做这件事。但实际上你可以在 javascript 中使用 intel 或国际化 api 在本地完成它，它具有出色的浏览器支持。

创建一个数字格式化程序，它首先采用区域设置语言（“en”），然后是一个带有一堆选项的对象，例如符号紧凑，它将对数字进行四舍五入并用 KMB 或 T 替换最后一位数字，以便轻松为您提供社交媒体样式格式

甚至还有对不同舍入模式的实验性支持，底线是，如果您曾经在网站上格式化数字，则国际化 API 可能是您正在寻找的工具。

如果你觉得这篇文章有用，请务必关注我，了解更多有趣的小型编程技巧。

推特句柄：对不起

本文链接：https://www.qanswer.top/37368/14231802

标签：格式化,数字,紧凑,JavaScript,版权,社交
From： https://www.cnblogs.com/amboke/p/16704079.html

在 JavaScript 中从数组中删除空值
在JavaScript中从数组中删除空值下面介绍如何在JavaScript中从数组中删除空值。我将向您展示两种方法，第一种使用纯JavaScript和数组过滤器方法，第二种使用Lodash。......
罗马数字转阿拉伯数字
罗马数字不是位置计数法。缺点是：按照这种方法记较大的数十分冗长，不利于满足人们便捷的需要。而且书面计算更加复杂，不利于计算，故一般不通用。学号转换：2022→MMXXII ......
VUE 如何格式化数字
在一个VUE的项目中，前端数字被显示为下面的长格式。这个格式显然不是我们想要的。我们需要将这一串数组进行格式化。问题和解决我们可以使用函数来进行解决。......
javascript第一天
JavaScript基础-第1天了解变量、数据类型、运算符等基础概念，能够实现数据类型的转换，结合四则运算体会如何编程。体会现实世界中的事物与计算机的关系理解什么是数......
javascript 过滤字符串中script并且替换掉 xss注入攻击+js调试
最近发现网上找答案也是80%类似结果。js调试可以在浏览器里，f10,f11可以比较准确。functionscriptReplace(str){if(newRegExp(".*?script[^>]*?.*?(<\/.*?sc......
Element input 正则验证数字包含正负数小数点只包含一个小数点一个 '-'
<el-inputplaceholderv-model="scope.row[index]"oninput="value=value.replace(/[^\-?\d.]/g,'').replace(/^\./g,'').replace('.','$#$').replace(/\./g,'').replace......
eslint格式化
引用：https://blog.csdn.net/weixin_54087404/article/details/124906905https://blog.csdn.net/weixin_40571331/article/details/122876910 ......
计算两个或多个数字的平均值
JavaScriptconstavg=(...nums)=>nums.reduce((acc,val)=>acc+val,0)/nums.lengthExamplesavg(...[1,2,3])//2avg(1,2,3)//2......
数智加油站 | 智慧加油站数字孪生三维可视化监控管理系统解决方案
智慧加油站建设背景当前，在全球能源体系中，化石能源依然占据主导地位。以石油为例，其作为“工业的血液”，贯穿我们的整个生活，大到国家的工业、农业、交通、国防，小到每个人的衣......
Javascript 设置数据结构
Javascript设置数据结构Photoby潘卡伊·帕特尔on不飞溅你好，我一直想详细研究ES6数据类型很久了，但是一直找不到太多时间工作，但现在是时候了。我从Set开始，希望能......

简单的 JavaScript 数字格式化方法

简单的 JavaScript 数字格式化方法

相关文章

赞助商

阅读排行