前端处理数字，取整，保留两位小数等

最新推荐文章于 2024-11-11 22:26:09 发布

原创最新推荐文章于 2024-11-11 22:26:09 发布 · 4.3k 阅读

CC 4.0 BY-SA版权

文章标签：

15 篇文章

订阅专栏

本文介绍了前端开发中常见的数字处理方法，包括保留小数位数、取整操作（向上、向下及四舍五入）、字符串中提取数字以及计算幂次方等实用技巧。

前端日常开发少不了要去处理数字，比如说取整，保留小数

再比如从要求数字的幂次方，等等一些常规的操作

首先，我们经常用到的就是，保留两位小数

保留两位小数

 let num = 365
console.log(num.toFixed(2));//365.00

我们也会遇到再字符串中去前几个数字，使用parseFloat

parseFloat 会忽略字符串前面的空格

从第一个字符开始解析直到遇见一个无效的浮点数字字符为止(也就是字符串中第一个小数点是有效的而字符串中的第二个小数点是无效的)

var num6 = parseFloat('708axuh')
console.log(num6);

让我们的数字舍弃小数取整

舍弃小数取整的方法有两种，都可以使用

// 舍弃小数取整方法1
let num1 = 365.83
console.log(parseInt(num1));  //365

// 舍弃小数取整方法2
console.log(Math.trunc(num1));

让我们的数字四舍五入取整math.round

// 四舍五入取整

let num4 = 6.5
let num5 = 6.4
console.log(Math.round(num4));//7
console.log(Math.round(num5));//6

让我们的数字向上取整math.ceil

// 向上取整
let num3 = 5.2

console.log(Math.ceil(num3));//6

让我们的数字向下取整math.floor

//  向下取整

let num2 = 3.9
console.log(Math.floor(num2));//3

求我们一个数字的幂次方

// 求一个数字的幂次方
console.log(Math.pow(4,3));