在前端开发中，经常需要检查一个数字是整数还是带有小数点的实数。这个问题看似简单，但其实有很多需要注意的地方，本文将详细介绍如何进行数字类型的判断，并提供实用的示例代码。
判断一个数字是否为整数
方法一：使用 Number.isInteger()
ES6 引入了 Number.isInteger() 方法，可以用来精确地判断一个数字是否为整数。该方法返回一个布尔值，表示该数字是否为整数。
Number.isInteger(42); // true
Number.isInteger(42.0); // true
Number.isInteger(4e2); // true
Number.isInteger('42'); // false方法二：使用正则表达式
另一种常见的方法是使用正则表达式匹配数字是否为整数。
function isInteger(num) {
return /^\d+$/.test(num);
}
isInteger(42); // true
isInteger('42'); // true
isInteger(42.0); // true
isInteger('42.0'); // false需要注意的是，使用正则表达式匹配数字是否为整数时需要加上起始符和结束符。
判断一个数字是否带有小数点
方法一：使用正则表达式
使用正则表达式匹配数字是否带有小数点。
function hasDecimal(num) {
return /\./.test(num);
}
hasDecimal(42.0); // true
hasDecimal(42); // false方法二：使用 Number.isInteger()
Number.isInteger() 方法也可以用来判断一个数字是否带有小数点，只需要将该数字转换成字符串后再进行匹配。
function hasDecimal(num) {
return !Number.isInteger(num) && num.toString().indexOf('.') !== -1;
}
hasDecimal(42.0); // true
hasDecimal(42); // false综合应用
下面是一个综合应用，用于判断一个数字是整数还是带有小数点的实数。
-- -------------------- ---- -------
-------- ------------- -
-- ------- --- --- --------- -
------ --------------------- - --------- - ----------
- ---- -- ------- --- --- --------- -
------ --------------- - --------- - --------------- - --------- - ---- - ---------
- ---- -
------ ---- - --------
-
-
------------- -- ---------
--------------- -- ---------
--------------- -- ---------
----------------- -- ---------
---------------- -- ---- - -------在实际开发中，我们可以根据具体需求选择适合自己的方法。同时，为了保证代码的可读性和可维护性，建议在代码中添加必要的注释和类型检查等措施。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9365
