【前端】JS遍历Table,让所有数字2位补零

【背景】

用户希望所有数字整整齐齐的,小数不足两位的补零。但是后端SQL种种原因无法修改,只能退而用JS方法实现格式化。

【分析】

遍历Table中所有数字时,需要先把cell中的内容从text转为Float,然后再进行格式化处理。

【语句】

百分比数字,格式化后再拼个%:

javascript 复制代码
cells[i].textContent = (parseFloat(cells[i].textContent)).toFixed(2)+'%';

非百分比数字,同时加千位符:

javascript 复制代码
cells[i].innerText = (numericValue.toFixed(2)).toLocaleString();

其中的cells[i]代表遍历过程中的单元格对象。

相关推荐
程序员Sunday1 小时前
为什么 AI 明明写后端更爽,但却都网传 AI 取代前端,而不是 AI 取代后端?就离谱...
前端·后端
海上彼尚2 小时前
Go之路 - 4.go的集合[完整版]
开发语言·后端·golang
之恒君2 小时前
React 性能优化(方向)
前端·react.js
coding随想2 小时前
JavaScript Notifications API:告别alert弹窗,开启沉浸式用户体验革命!
开发语言·javascript·ux
阿海5742 小时前
卸载php的shell脚本
开发语言·php
钝挫力PROGRAMER2 小时前
Vue中选项式和组合式API的学习
javascript·vue.js
码界奇点2 小时前
基于Python与GitHub Actions的正方教务成绩自动推送系统设计与实现
开发语言·python·车载系统·自动化·毕业设计·github·源代码管理
3秒一个大2 小时前
Vue 任务清单开发:数据驱动 vs 传统 DOM 操作
前端·javascript·vue.js
阿蒙Amon2 小时前
JavaScript学习笔记:2.基础语法与数据类型
javascript·笔记·学习
an86950012 小时前
vue自定义组件this.$emit(“refresh“);
前端·javascript·vue.js