正文

掌握JavaScript去除整数后小数点的技巧，轻松处理数值格式化

/0 浏览量
1103

在处理数值数据时，我们常常会遇到需要去除整数后小数点的需求。JavaScript提供了多种方法来实现这一功能，以下是一些常见技巧和示例，帮助您轻松处理数值格式化。

一、使用内置函数

JavaScript的Number.prototype.toString()方法可以将数值转换为字符串，从而轻松去除小数点。

let num = 123.456;
let numWithoutDecimal = Number(num.toString().replace(/\.\d*$/, ''));
console.log(numWithoutDecimal); // 输出：123

这段代码首先将数值123.456转换为字符串"123.456"，然后使用正则表达式\.\d*匹配小数点及其后的所有数字，并将它们替换为空字符串。最后，将结果字符串转换回数值类型。

二、使用Math.trunc()方法

Math.trunc()方法可以直接去除数值的小数部分，返回整数部分。

let num = 123.456;
let numWithoutDecimal = Math.trunc(num);
console.log(numWithoutDecimal); // 输出：123

此方法简洁明了，适合快速去除小数点。

三、使用parseInt()方法

parseInt()方法可以解析一个字符串，并返回解析后的整数。结合字符串方法，可以轻松去除小数点。

let num = 123.456;
let numWithoutDecimal = parseInt(num.toString().replace(/\.\d*$/, ''));
console.log(numWithoutDecimal); // 输出：123

与toString()方法类似，这里首先将数值转换为字符串，然后去除小数部分，最后使用parseInt()解析为整数。

四、使用自定义函数

如果您需要处理更多复杂的数值格式化，可以创建一个自定义函数，根据实际需求进行处理。

function formatNumber(num) {
  if (isNaN(num)) return num;
  return parseInt(num.toString().replace(/\.\d*$/, ''));
}

let num = 123.456;
let numWithoutDecimal = formatNumber(num);
console.log(numWithoutDecimal); // 输出：123

此函数首先检查传入的数值是否为NaN，然后按照前面提到的方法去除小数点，并返回整数部分。

总结

掌握JavaScript去除整数后小数点的技巧，可以帮助您轻松处理数值格式化。根据实际需求，您可以选择合适的方法进行处理。希望本文对您有所帮助！

-- 展开阅读全文 --