使用js给数字进位,比如23333元进位成2.33万元

server/2024/9/22 21:29:05/

文章目录

  • 一、进位函数:
  • 二、使用:
  • 总结


一、进位函数:

    //数字进位getUnitObjWithNumber(value){let dataconst returnObj = {}let dw = ''let chengshu = 1if (isNaN(value)) {data = 0} else {data = parseFloat(value)}if (Math.abs(data) < 10000) {if ((data + '').indexOf('.') >= 0) {returnObj.value = data.toFixed(2)} else {returnObj.value = data.toFixed(0)}//} else if (Math.abs(data) >= 10000 && Math.abs(data) < 100000000) {data = data * 0.0001chengshu = 0.0001returnObj.value = data.toFixed(2)dw = '万'} else if (Math.abs(data) >= 100000000 && Math.abs(data) < 1000000000000) {data = data * 0.00000001chengshu = 0.00000001returnObj.value = data.toFixed(2)dw = '亿'} else {data = data * 0.000000000001chengshu = 0.000000000001dw = '万亿'returnObj.value = data.toFixed(2)}returnObj.dw = dwreturnObj.chengshu = chengshureturn returnObj},

二、使用:

举例:

<template><div class="secondClass"><span>{{getUnitObjWithNumber(71000).value}}</span><span style="font-weight: normal">{{getUnitObjWithNumber(71000).dw}}</span></div>
</template>

前端页面显示的内容会是7.10万人


总结

在很多项目中,需要考虑当数据量过大,页面显示进位后的数据,以便页面不会错位和重叠。


http://www.ppmy.cn/server/96306.html

相关文章

MySQL:VIEW视图

在MySQL中&#xff0c;VIEW&#xff08;视图&#xff09;是一个虚拟表&#xff0c;其内容由查询定义。视图可以使得查询结果更加简洁和安全&#xff0c;因为它们可以隐藏一些复杂的查询逻辑&#xff0c;并提供一个可以被用户查询的接口。 创建视图的基本语法如下&#xff1a; …

前端发版(发包)缓存,需要强制刷新问题处理

问题原因&#xff1a; 浏览器问题 一、创建初始版本文件(public/version.json) { "version": "1722240835844" }二、设置版本判断&#xff08;version.js&#xff09; import axios from "axios";const isNewVersion () > {let baseUrl …

宝塔8.0开心版安装命令

使用方法 Centos安装脚本 yum install -y wget \&\& wget -O install.sh https://BTKXB.com/install/install_6.0.sh \&\& sh install.sh Ubuntu/Debian安装脚本 wget -O install.sh https://BTKXB.com/install/install_6.0.sh \&\& bash install.…

上线前端系统

上线一个静态的前端系统&#xff08;续&#xff09; 在eleme服务器上 启动服务 启动rpcbind [rooteleme-static ~]# systemctl restart rpcbind 启动nfs [rooteleme-static ~]# systemctl restart nfs 重启服务 启动smb [rootstatic-server img]# systemctl start smb…

类和对象(下)C++

1.初始化列表 1.为什么有初始化列表&#xff0c;它的作用&#xff1f; ->初始化列表&#xff0c;是构造函数初始化的另一种形式。 ->在语法上面理解&#xff0c;初始化列表可以认定为是每个成员变量定义初始化的地方. ->引用成员变量&#xff0c;const成员变量&am…

unity中 out ref params 的区别与使用环境

ref有进有出 将一个变量传入一个函数中进行"处理"&#xff0c;"处理"完成后&#xff0c;再将"处理"后的值带出函数。 out 只出不进 定义变量的值不变&#xff0c;不经过方法&#xff0c;传出变量的新值 ref&#xff1a;有进有出 ref 参数是…

Xlua原理分析 四

前面已经介绍了Xlua的通信原理&#xff0c;这篇主要记录Xlua如何做到Hotfix的。 我们项目就用到Xlua的Hotfix特性&#xff0c;周更用Lua去修改代码。版本内用C#开发。这点我觉得是Xlua比toLua强大的重要特性之一。 如何使用Hotfix本篇不介绍了&#xff0c;看Xlua教程懂得都懂…

Oracle-OracleConnector

提示&#xff1a;OracleConnector 类是 Debezium 中用于与 Oracle 数据库交互的一个连接器组件 文章目录 前言一、核心功能二、代码分析总结 前言 提示&#xff1a;OracleConnector 类负责配置、启动、管理和验证与 Oracle 数据库的连接&#xff0c;并为后续的数据捕获任务准备…