0


【JavaScript-6】Javascript中的数字

大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~关注公众号:搞前端的半夏,了解更多前端知识!点我探索新世界!

在JavaScript中,只有一种数字类型,那就是number,举个简单的例子,在C语言中,数字类型有int ,long ,float等等!而在JavaScript中统称为number。

let myage=18
let price= 200.00

image-20220327221820318

JavaScript 中的数字非常简单。可以创建一个整数,例如myage=100,或者创建一个浮点数,它是一个有小数的数字 ,例如price=200.00,

可以使用乘法、除法、加法和减法。

const a = 20;
const b = 10;

image-20220327223928208

需要注意的是,**+**在进行混合类型计计算的时候,可能会变成连接符!

let name='搞前端的半夏'
let age=18

image-20220327224115146

Math

JavaScript自带Math类,提供了很多内置的数学计算方法。

image-20220327224234435

我们经常使用的是

  1. Math.round()
  2. Math.floor()
  3. Math.ceil()
  4. Math.random()

Math.round()

括号接受一个数组,然后数字向上或者向下取整。

Math.round(2.5)
Math.round(2.2)

image-20220327224422246

Math.floor()

返回小于或等于一个给定数字的最大整数。

Math.floor(2.2)
Math.floor(2.99999)

image-20220327224537108

###Math.ceil()

返回大于或等于一个给定数字的最小整数。

Math.ceil(2.999)
Math.ceil(2.1)

image-20220327224651381

Math.random

每次都会给你一个 0 到 1 之间的随机数

image-20220327224739434

模和幂运算

除了乘法、除法、减法和加法之外,我们还有两个运算符,称为模和幂。

假设我们由20颗糖,要分给3个小朋友

let tanguo = 20;
let kids = 3;
let eachKidGets = tanguo / kids;
console.log(`每个小朋友可以获得 ${eachKidGets}`);

最后的计算结果是:每个小朋友可以获得 6.666666666666667。

这个结果并不符合我们的预期,我们希望的是一个每个可以获得糖果的最大整数。

此时我们就可以使用,Math.floor来取整。

let eachKidGets = Math.floor(tanguo / kids);

如果我们想要获取还剩下多少糖,我们此时就需要用到模运算。在JS中我们使用**%**来进行模运算,

tanguo % kids;

image-20220328210138339

其他数学知识

0.1 + 0.2

如果您

0.1 + 0.2

在控制台中执行此操作,它将返回

0.30000000004

在这个网站;https://0.30000000000000004.com/ 给出了具体的解释。

无穷大与无穷小

你应该知道的另一件事是 JavaScript 也有

infinity

negative infinity

如果你这样做

10 **

了,double

**

实际上意味着“10的X次方”。所以

10 ** 2

返回 100 ,

1000 ** 2

返回 1000000。

当你计算1000 ** 200,返回的结果就是无穷大!

1000 ** 200

image-20220328210811109

NaN

image-20220328210927088

NaN是“数字”的一种类型,表述不是数字。

如果您尝试用不是数字的东西进行数学运算,就会遇到这种情况。它不会出错,只会返回 NaN。

标签: 前端 Vue3 css

本文转载自: https://blog.csdn.net/shangyanaf/article/details/123920442
版权归原作者 搞前端的半夏 所有, 如有侵权,请联系我们删除。

“【JavaScript-6】Javascript中的数字”的评论:

还没有评论