词雅网详解JavaScript获取数字的位数
在javascript中编写了一个示例代码，用于获取数字位数的示例代码。
获取数字的位数
要获得数字的位数，如果是整数的话，只需将整数转换为字符并获得长度即可。
const integer = 12345; console.log(integer.toString().length); // 5
但是，如果是负数或小数，这样就不行了。
const integer = 12345; const mInteger = -12345; const float = 123.45; const mFloat1 = -123.45; const mFloat2 = -0.1234; const zero = 0; console.log(integer.toString().length); // 5 console.log(mInteger.toString().length); // 6 console.log(float.toString().length); // 6 console.log(mFloat1.toString().length); // 7 console.log(mFloat2.toString().length); // 7 console.log(zero.toString().length); // 1
如果要处理负数或小数，则必须分为整数和小数部分来处理。
function countNum(num){
// 取得整数部分的位数(以绝对值取得长度)
let intNum = Math.floor(Math.abs(num)).toString().length;
// 获取小数部分的位数，除去“0”和“.”两个字符
let floatNum = parseFloat("0."+(String(num)).split(".")[1]).toString().length -2;
// 如果是整数，则长度为0
if( floatNum === -1 ){ floatNum = 0 ; }
return intNum + floatNum;
}
const integer = 12345;
const mInteger = -12345;
const float = 123.45;
const mFloat1 = -123.45;
const mFloat2 = -0.1234;
const zero = 0;
console.log(countNum(integer)); // 5
console.log(countNum(mInteger)); // 5
console.log(countNum(float)); // 5
console.log(countNum(mFloat1)); // 5
console.log(countNum(mFloat2)); // 5
console.log(countNum(zero)); // 1
示例代码
单击“运行”按钮，获取在表单中输入的值并显示位数。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>详解JavaScript获取数字的位数</title>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container text-center" style="margin-top:100px">
<h2><span class="badge bg-info">结果</span></h2>
<p id="foo" class="badge bg-info"></p>
<div class="form-group">
<input id="n" type="number">
</div>
<button id="btn" class="btn btn-info">
提交
</button>
</div>
<script>
window.onload = () => {
btn.onclick = () => {
foo.innerHTML = countNum(Number(n.value));
}
}
const countNum = (num) => {
// 取得整数部分的位数(以绝对值取得长度)
let intNum = Math.floor(Math.abs(num)).toString().length;
// 获取小数部分的位数，除去“0”和“.”两个字符
let floatNum = parseFloat("0." + (String(num)).split(".")[1]).toString().length - 2;
// 如果是整数，则长度为0
if (floatNum === -1) { floatNum = 0; }
return intNum + floatNum;
}
</script>
</body>
</html>
运行结果
本文来源：词雅网
本文地址：https://www.ciyawang.com/javascript-number-length.html
本文使用「 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 」许可协议授权，转载或使用请署名并注明出处。
相关推荐
-
如何使用JavaScript跳转到另一个页面
使用window.location属性跳转到另一个页面。让我们看一下基础知识和一些实际示例。关于 window.location 属性window.location 属性返回一个 Location 对...
-
JavaScript编程语言中的变量和声明：存储和重复利用数据的关键
编程语言中有一个功能叫做变量，它可以用于存储各种数据，并在需要时进行重复利用。本文将介绍变量的作用和变量声明。在编写程序时，对变量的处理是必要的知识，因此让我们充分理解什么是变量。变量变量是指为不同类...
-
如何使用length函数在JavaScript中计算字符串长度
在JavaScript中，字符串是一种常见的数据类型。当我们处理字符串时，经常需要知道字符串的长度。JavaScript提供了一个内置函数——length函数，可以用来计算字符串的长度。length函...
-
使用JavaScript获取selectbox中的所有值
我正在编写示例代码以获取 javascript 中选择框中的所有值。使用目标选择框的属性“options”将其获取为“HTMLCollection”，然后将其排列并进行循环处理。获取所有值要获取选择框...
-
使用JavaScript确定日期和时间在多少小时内
在 javascript 中，我编写了一个示例代码来确定日期和时间是多少小时。可以通过获取日期和时间差的绝对值来确定。 确定日期和时间在多少小时内...
-
获取JavaScript数组的偶数和奇数元素
我正在编写示例代码以在 javascript 中获取数组的偶数和奇数元素。我认为最简单的方法是使用“filter”来确定索引号是偶数还是奇数。 获取偶数/奇数元素...
-
使用JavaScript代码实现URL获取#号后的值
在javascript中，我编写了一个示例代码以从任何URL调用URL片段的“#”之后获取值。 使用“lastIndexOf”和“slice”获取它。...
-
JavaScript错误“Uncaught TypeError: xxx.replace is not a function”的解决方法
javascript报错“Uncaught TypeError: xxx.replace is not a function”的原因及解决方法。 在字符串以外的对象上使用...
-
使用JavaScript代码判断指定日期是否在多少天之内
编写一个示例代码来确定日期在javascript中的天数。可以通过计算从UTC时间1970年1月1日开始的经过时间的差值换算成天数，求出绝对值来判断。...
-
使用JavaScript检查浏览器当前选项卡是否被切换
在javascript中，我写了一个示例代码，用于判断当前选项卡是否已经切换。 用“visibilitychange”获取页面显示状态的事件，用“visibilitySt...
