js 中数字小数点末尾的0显示与否

2023-10-27

js 中数字小数点末尾的0显示与否

不显示0

我们先来看一道例题,然后围绕其展开“零”的讨论:

问题:得到一个随机数组成的数组,数组长度为10
结果类似于:[0.243, 0.162, 0.701, 0.501…]

// 此处封装了一个获取随机数的函数,由于Math.floor()能获取min,无法获取max
function getRandom(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

//创建一个长度为10的数组,且每个元素为空
const arr = Array(10).fill();
console.log(arr);

输出(为了展示效果,下面均是在browser环境进行调试;另外在Node.js环境下也成功调试,此处未展示):

在这里插入图片描述

由于Math.random().toFixed(3)得到的是字符串,此处通过Number()转换为number类型

//下面的代码均在开篇创建的arr数组上进行调试
const newArr = arr.map(function (item) {
  return Number(Math.random().toFixed(3));
});
console.log(newArr);

输出:在这里插入图片描述

此处是通过parseFloat进行string类型转换为number类型

const newArr = arr.map(function (item) {
  return parseFloat(Math.random().toFixed(3));
});
console.log(newArr);

输出:在这里插入图片描述

下面使用了文章开头处封装的随机数获取函数

const newArr = arr.map(function (item) {
    return getRandom(100,1000)/1000;//获取0~1之间的数,等同于Math.floor()
  });
console.log(newArr);

输出:在这里插入图片描述

小结:上面三种方法最终获取的数字都是number类型(都省略了末尾的0);由此可以看出,想得到保留小数点末尾0的数字,只能将其数字格式化

显示0(数字格式化)

下面是通过格式化方法显示小数点末尾末尾的0 ,最终获取的数字是string类型

/**
 * 格式化数字,保留小数点后末尾的0
 * @param {Number} value 需要格式化的小数
 * @param {Number} fixed  需要显示的小数位数
 * @param {String} return 返回的格式化小数
 */
function formatNumberShowZero(value, fixed) {
  const num = parseFloat(value);
  if (isNaN(num)) return "";
  else return num.toFixed(fixed || 2);
}

console.log(formatNumberShowZero("fsf"));// 
console.log(formatNumberShowZero("3323.540000", 3));// 3323.540
console.log(formatNumberShowZero("32ff"));//32.00
console.log(typeof formatNumberShowZero("764.4230"))//string

输出:在这里插入图片描述

上面部分APIMDN快速查找:

Math.random()

Array.prototype.fill()

Array.prototype.map()

Number.prototype.toFixed()

parseFloat()

注:本人第一次发表文章,若有用词不当或其它错误之处,请各位指出,私信必回!!!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

js 中数字小数点末尾的0显示与否 的相关文章

  • CORS 问题。 Flask <-> AngularJS

    使用 angularjs 客户端应用程序和提供 api 的 Flask 应用程序启动一个新项目 我使用 mongodb 作为数据库 我必须立即排除 jsonp 因为我需要能够跨不同端口进行 POST 因此 我们为 Angular 应用程序设
  • MediaRecorder:从多个麦克风录制

    我目前正在使用媒体记录器 https developer mozilla org en US docs Web API MediaRecorder用于在应用程序内录制音频的 API 有没有办法从多个输入设备 例如两个麦克风 进行录音 我可以
  • 如何使用Vue3中的ref访问父组件中的子组件方法?

    我正在尝试使用 vue3 和 ref 方法访问父组件中的子方法 但它返回一个错误 未捕获的类型错误 addNewPaper value savePaper 不是函数 下面是我的代码 请指导我哪里错了 子组件
  • 固定长度的随机数

    我想生成一个 0 9 数字且长度 5 的随机整数 我尝试这样做 function genRand min max for var i 1 i lt 5 i var range max min 1 return Math floor Math
  • Javascript 的 toUpperCase() 语言安全吗?

    请问Ja vascript的String原型方法toUpperCase 在每种支持 UTF 8 的语言 字符集中提供自然预期的结果 我尝试过简体中文 韩语 泰米尔语 日语和西里尔语 到目前为止结果似乎是合理的 我可以信赖该方法是语言安全的吗
  • javascript Array.prototype.push 如何连接

    我已经看到数组的 push 方法用于替换串联 但我不完全确定它是如何工作的 var a 1 2 3 var b 4 5 6 Array prototype push apply a b 它如何就地连接而不是返回一个新数组 apply htt
  • JQuery:获取单选按钮值

    我有以下 HTML HTML
  • javaScript从单个值数组返回一个新的成对值数组[重复]

    这个问题在这里已经有答案了 可能的重复 将数组分割成块 https stackoverflow com questions 8495687 split array into chunks 我正在尝试将值数组转换为新的配对值数组 例如我需要转
  • 解密签名并验证 JWT

    我知道还有其他库可以让我更轻松地使用 JWT 在 Node js 中 在本例中 我使用 crypto js 以手动方式学习 JWT 以下给了我令牌 var header alg HS256 typ JWT var wordArrayHead
  • onbeforeunload 或单击浏览器后退按钮需要帮助

    如果用户单击浏览器的后退按钮 那么我希望出现提示并要求确认 如果用户单击 确定 那么它应该导航到xx html 如果用户单击 取消 则应阻止导航 我怎样才能做到这一点 注意 我已经尝试过onbeforeunload方法 但它适用于所有导航操
  • 缩放对象上的弹跳动画

    拥有对象比例 然后在返回到原始比例因子之前以该比例因子执行弹跳动画的最佳方法是什么 我意识到我可以做一些事情 比如将其缩放到 2 2 然后 1 8 然后 2 0 但我正在寻找一种方法 您只需在比例因子上执行弹跳动画 因为我的比例因子会改变
  • 表格中与文本一起内嵌 D3 迷你图

    假设有一个这样的表 var data Orange Orange 6 3 3 2 5 Apple Red 6 2 6 5 5 Grape Purple 9 1 2 3 1 我希望将字符串表示为字符串 但将数字数组表示为 D3 折线图 如果这
  • 获取与请求

    我正在使用 JSON 流并尝试使用 fetch 来使用它 该流每隔几秒发出一些数据 仅当流关闭服务器端时 使用 fetch 来使用流才可以访问数据 例如 var target the url var options method POST
  • 如何沿着 Parse Promise 链传递额外数据[重复]

    这个问题在这里已经有答案了 在我的 Parse Cloude 代码中 我需要运行几个连续的查询 每个查询都使用 find Example var promise firstQuery get objectId then function r
  • 动态添加项目到放大弹出画廊

    有没有办法动态添加图库项目华丽的弹出窗口 http dimsemenov com plugins magnific popup 那已经开放了 或更新当前项目 找不到关于 in 的任何内容插件文档 http dimsemenov com pl
  • Google 脚本过滤一个值的范围

    我想过滤第 1 列中仅包含 Bob 特定值的行的 google 工作表范围 到目前为止 我的代码允许我过滤out第 1 列中有 Bob 的行 我需要相反 我想返回第 1 列中只有 Bob 的行 因此 其中 filterSettings 不是
  • Javascript变量是一个对象数组,但无法访问元素

    我正在使用 Firebase 数据库和 Javascript 并且我有代码可以获取每个类别中的每个问题 我有一个名为 类别 的对象 其中包含名称 问题和问题计数 然后它将被推入类别列表 questionsPerCategory 在我刚刚做的
  • 在不调用“then”的情况下解决 Promise

    我有这段代码 它是我为一个名为 Poolio 的 NPM 模块编写的小型 API 的一部分 对于那些支持错误优先回调和承诺的人来说 我遇到的问题似乎是一个常见问题 我们如何在支持两者的同时保持一致的 API 和 API 的一致返回值 例如
  • axios在自调用函数内部只调用一次(Internet Explorer)

    我有一个函数每 2 5 秒调用自己一次来检查后台运行的任务 它调用 axiosget如果响应错误 则返回一个 url 如果响应成功 我将停止该函数 这在 Chrome 和 Mozilla 上完美运行 但由于某种原因 它在 IE 版本 11
  • 如何在没有消息时隐藏 Bootstrap 警报框

    我用 Bootstrap 做了一个简单的警报框 如下所示 div class alertBox span class alert alert info bag session username span div When there is

随机推荐

  • js实现todolist总结

    首先在网页布局设置好的情况下 进行js文件的编写 要求实现增加 删除 和实时变化 其实这都可以在存在浏览器的本地存储中 下面先列出我的html页面及css文件内容
  • 众享比特中标中电投电力工程有限公司区块链项目

    近日 众享比特中标中电投电力工程有限公司的区块链系统在建设项目档案中跨企业认证应用项目 众享比特将与中电投电力工程有限公司展开密切合作 应用区块链技术助力其实现工程建设档案在项目公司 监理单位 总承包单位 施工单位等跨企业认证 破解数字化档
  • 中尺度混凝土二维有限元求解——运行弯曲、运行光盘、运行比较、运行半圆形(Matlab代码实现)

    欢迎来到本博客 博主优势 博客内容尽量做到思维缜密 逻辑清晰 为了方便读者 座右铭 行百里者 半于九十 本文目录如下 目录 1 概述 2 运行结果 3 参考文献 4 Matlab代码实现 1 概述 中尺度混凝土二维有限元求解是一种常见的工程
  • 天平数学,12个球称3次

    天平数学 12个球称3次 问题 天平数学问题 有12个外观完全一样的球 其中有一个球和其他球的重量不一致 如何使用一个天平称3次得出不一致的球是哪个 解答 方法一 12个球 1 2 3 4 5 6 7 8 9 10 11 12 第一次 1
  • Android studio4.0 内嵌 UnityActivity

    Android studio4 0 内嵌 UnityActivity 用最简单方法嵌入UnityActivity 首先 得导出Unity Android工程 其次 新建android studio工程 排错 感言 问题 用最简单方法嵌入Un
  • 03系统多界面_秒懂:海湾JB-QB-GST200报警控制器系统调试步骤

    海湾JB QB GST200报警控制器系统调试步骤 此调试步骤可用于海湾消防JB QB GST200壁挂式火灾报警控制器 联动型 JB QB GST200立柜式火灾报警控制器 联动型 JB QB GST200琴台式火灾报警控制器 联动型 一
  • 报错处理(收集)

    1 vue axios 报错 Uncaught in promise TypeError Cannot convert undefined or null to object at Function keys
  • c++11 多线程支持 (std::shared_future)

    定义于头文件
  • 基于MYCAT的MYSQL主从与读写分离配置详解与示例

    原文地址 http blog csdn net dreamcode article details 49511833 第三版 基于Mycat的MySQL主从读写分离配置详解与示例 完整文章下载地址 http download csdn ne
  • R语言回归模型中的训练集和测试集划分

    训练集和测试集划分 set seed 1234 nn 0 8 data iris length iris 1 sub lt sample 1 nrow data round nrow data nn length sub data trai
  • Word‘由于宏安全设置 无法找到宏’问题解决

    针对这个问题 尝试试很多网上的做法无果后 意外发现是自己电脑的杀毒软件把该文件误认为是病毒隔离起来 只需将其恢复到信任区即可 若仍无法解决 检查word是否启用宏
  • 我靠TikTok抖音赚到了人生第一桶金:这个风口行业,真的很赚钱

    现代人的 懒 简直超乎你想象 吃饭靠外卖 买东西靠快递 凡是一切你能想到的 麻烦 现代科技都能替你搞定 而这 恰恰是一种新型的赚钱方式 十年前的淘宝被人嘲笑 说这是马云的异想天开 十年后的淘宝 拼多多 京东告诉你 这一切都已成真 而且带着一
  • 虚拟机迁移原理

    我们常常遇到需要迁移虚拟机的问题 比如需要维护某台设备 会将设备上的一切应用迁移到另一台设备 但是如何将虚拟机进行迁移呢 好比说 虚拟机中正在运行一个程序 这个程序有源源不断的数据访问 怎么使得在不影响这些访问的情况下把虚拟机迁移到领一台服
  • C语言图形库——EasyX常用函数

    上节讲到贴出一张图片的过程 本节接着介绍一些基本的图形库函数 头文件 include
  • 深入浅出SSD--5.1PCIE基础知识

    深入浅出SSD 5 1PCIE基础知识 1 关于PCIE的速度 SSD使用PCIe接口比SATA快 下面是PCIE1 0 2 0 3 0速度 表中的带宽 比如PCIe3 0 1 带宽为2GB s 是指双向带宽 即读写带宽 如果单指读或者写
  • 本周最新文献速递20220522

    本周最新文献速递20220522 一 精细解读文献 一 文献题目 Single nucleus chromatin accessibility profiling highlights regulatory mechanisms of co
  • xml转换word文档

    点击下载 download value flag let this this this axios method get url url lengthMeasurementTwice params machineId this machin
  • http请求头origin、referer和host区别

    1 Host 描述请求将被发送的目的地 包括且仅仅包括域名和端口号 HTTP 1 1 的所有请求报文中必须包含一个Host头字段 且只能设置一个 2 Origin 请求头origin表明了请求来自于哪个站点 包括且仅仅包括协议 域名和端口
  • 创维机顶盒E900刷LinuxNas系统

    家里有一个一直没用的创维E900的机顶盒 芯片是海思 hi3798v100 的 本着废物利用的原则 我想将他刷成linux 没想到网上真的有教程 https histb com 我看了一下 以我现在的技术 问题不大 大不了变砖罢了 反正都是
  • js 中数字小数点末尾的0显示与否

    js 中数字小数点末尾的0显示与否 不显示0 显示0 数字格式化 不显示0 我们先来看一道例题 然后围绕其展开 零 的讨论 问题 得到一个随机数组成的数组 数组长度为10 结果类似于 0 243 0 162 0 701 0 501 此处封装