Rumah > hujung hadapan web > tutorial js > Kuasai jenis angka JavaScript dalam satu artikel

Kuasai jenis angka JavaScript dalam satu artikel

WBOY
Lepaskan: 2022-05-30 19:03:11
ke hadapan
2491 orang telah melayarinya

Artikel ini membawa anda pengetahuan yang berkaitan tentang javascript, yang terutamanya memperkenalkan kandungan yang berkaitan tentang jenis nombor Terdapat dua jenis nombor dalam JavaScript: Jenis Nombor dan BigInt, seperti berikut Mari kita lihat, I semoga ianya bermanfaat kepada semua.

Kuasai jenis angka JavaScript dalam satu artikel

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web] Terdapat dua jenis

JavaScript Jenis yang mewakili nombor: Jenis

  1. Number, iaitu jenis nombor dalam pengertian konvensional Ia disimpan dalam format 64 bit IEEE-754 dan ialah a "nombor titik terapung berketepatan ganda". Pada masa ini, semua nombor yang kami hubungi adalah daripada jenis Number; gunakannya melainkan ia mewakili 2
  2. 53
  3. Nombor selain daripada -2BigInt53, kami akan memperkenalkan jenis data profesional ini secara terperinci dalam bab berikut; Cara menulis nomborNombor Kaedah penulisan itu sendiri sangat mudah, tetapi terdapat banyak gula sintaks yang mudah dan pantas untuk kita gunakan Mempelajari gula sintaks ini bukan sahaja dapat meningkatkan keupayaan membaca kod kita, tetapi juga meningkatkan rasa tahap tinggi kod kami.

pemisah

JavaScrpt Nombor perpuluhan adalah yang paling mudah Kami akan menggunakannya lebih kurang dalam hampir setiap artikel Sebagai contoh, kami mencipta pembolehubah dan menyimpan

Yi :

Walaupun operasinya sangat mudah, ada masalah: sukar untuk mengira berapa banyak

selepas

Jika kita menulis kod pemindahan, kod yang salah 100Berpotensi muflis.

let tenbillion = 10000000000;
Salin selepas log masuk
Pada masa ini, kita boleh menggunakan

sebagai pemisah, seperti berikut: 100Kod di atas boleh mengira dengan jelas bilangan

, yang jelas sekali rungkai optimum !

_Skor bawah

di sini ialah gula sintaksis untuk
let tenbillion = 10_000_000_000;
Salin selepas log masuk
, yang akan diabaikan oleh enjin semasa pelaksanaan Kedua-dua kaedah penulisan di atas mempunyai kesan yang sama, tetapi pengalaman membaca sangat berbeza.

0

Litar otak Qingqing

_JavaScriptSesetengah kanak-kanak mesti bertanya, saya telah

dalam kumpulan

sejak saya kecil, kenapa saya perlu Patutkah dibahagikan kepada kumpulan? Oleh itu, kita boleh menulisnya dengan cara berikut, dan tidak ada masalah:

4 Atau kita boleh menulisnya seperti ini: 030Apa yang saya ingin nyatakan di sini ialah bahawa tidak kira kaedah pembahagian yang anda gunakan , tidak menjejaskan saiz nombor itu sendiri, fikirkan cara yang paling berkuasa!

let tenbillion = 100_0000_0000;
Salin selepas log masuk
0 diabaikan

Walaupun menggunakan
let tenbillion = 1_0000_0000_00;
Salin selepas log masuk
boleh membahagikan banyak

secara elegan, dalam kehidupan sebenar, kami biasanya tidak menulisnya seperti ini, contohnya, kami sering menulis

sebagai " 10 bilion", yang membolehkan anda meninggalkan banyak

s, sekali gus mengurangkan kemungkinan melakukan kesilapan.

_ juga menyediakan cara untuk menghilangkan 0 Kita boleh menggunakan huruf 10000000000 diikuti dengan nombor untuk menunjukkan nombor 0 Contohnya:

JavaScriptPemahaman kod di atas sangat mudah 0 boleh difahami sebagai e, iaitu, 0 diikuti dengan

let tenbillion = 1e10;//100亿,1后面10个0console.log(3.14e9);//3140000000,后面7个0,此处疑惑可往下看
Salin selepas log masuk
, jadi kita boleh berfikir:

e10 1_0000_0000_00 Kami juga Anda boleh menggunakan kaedah ini untuk mewakili nombor yang sangat kecil, seperti 1 nanometer: 100

Oleh kerana terdapat terlalu banyak
1e10 === 1 * 1_0000_0000_00;//e10表示1后面10个03.14e9 === 3.14 * 1_000_000_000;//e9表示1后面9个0
Salin selepas log masuk
s, kami juga boleh menggunakan

untuk bahagikan: 1

let nm = 0.000000001;//单位(米)
Salin selepas log masuk
Sudah tentu, anda juga boleh menggunakan

untuk meninggalkan semua 0, seperti berikut: _

let nm = 0.000_000_001;
Salin selepas log masuk
Dalam erti kata lain,

bermaksud 1e-90, iaitu,

, jadi persamaan berikut adalah benar:
let nm = 1e-9;//1的左边9个0,包括小数点前面的那个
Salin selepas log masuk

e-916, 8, binari Hex ialah format yang biasa digunakan dalam pengaturcaraan , sebagai contoh, untuk mewakili warna, pengekodan, dsb., kita boleh menambah 1/1000_000_000 sebelum nombor biasa untuk mewakili nombor perenambelasan:

1e-9 === 1 / 1_000_000_000;3.14e-8 === 3.14 / 1_000_000_00;
Salin selepas log masuk

Nombor binari bermula dengan

:

0x

Nombor perlapanan bermula dengan
let hex = 0xff;//255,不区分大小写,0xFF是一样的
Salin selepas log masuk
:

0b

Kaedah penulisan mudah ini hanya menyokong tiga jenis khas ini Bagi nombor asas yang lain, anda boleh menggunakan fungsi khas untuk menjananya (
let bin = 0b1011;//11
Salin selepas log masuk
) . Kaedah

0otoString(base)

let oct = 0o777;//511
Salin selepas log masuk

boleh menukar nombor kepada bentuk rentetan yang sepadan dengan asas parseInt.

Contohnya:

toString Hasil pelaksanaan kod adalah seperti berikut: base

let num = 996;
console.log(num.toString(8));//转为8进制字符串
console.log(num.toString(16));//转为16进制字符串
console.log(num.toString(32));//转为32进制字符串
Salin selepas log masuk

boleh berkisar antara

kepada

, jika dibiarkan kosong, ia akan lalai kepada Kuasai jenis angka JavaScript dalam satu artikel.

Perhatikan bahawa jika anda menggunakan nombor untuk menghubungi terus kaedah base, dalam beberapa kes anda perlu menggunakan dua 2, contohnya: 36

console.log(123.toString(8));//Error,语法错误console.log(123..toString(8));//正确,173
Salin selepas log masuk

数字后面有两个.,这是因为在JavaScript中数字后面的第一个.被认为是小数点,第二个点才是调用函数的.

如果是小数就不存在这个问题,举个栗子:

console.log(3.14.toString(8));
Salin selepas log masuk

亦或者,我们使用小括号可以避免使用两个点,举个栗子:

console.log((123).toString(8));//'173
Salin selepas log masuk

舍入

舍入是数字最常用的操作之一,通常包括:

  1. 向下取整,Math.floor(num)

    console.log(Math.floor(3.14));//3
    console.log(Math.floor(9.99));//9
    console.log(Math.floor(-3.14));//-4
    console.log(Math.floor(-9.99));//-10
    Salin selepas log masuk

    不遵循四舍五入原则,直接取小于等于当前数值的最近整数。

  2. 向上取整,Math.ceil(num)

    console.log(Math.ceil(3.14));//4
    console.log(Math.ceil(9.99));//10
    console.log(Math.ceil(-3.14));//-3
    console.log(Math.ceil(-9.99));//-9
    Salin selepas log masuk

    不遵循四舍五入原则,直接取大于等于当前数字的最近整数。

  3. 就近取整,Math.round(num)

    console.log(Math.round(3.14));//3
    console.log(Math.round(9.99));//10
    console.log(Math.round(-3.14));//-3
    console.log(Math.round(-9.99));//-10
    Salin selepas log masuk

    遵循四舍五入原则,取距离当前数字最近的整数。

  4. 移除小数,Math.trunc(num)

    console.log(Math.trunc(3.14));//3
    console.log(Math.trunc(9.99));//9
    console.log(Math.trunc(-3.14));//-3
    console.log(Math.trunc(-9.99));//-9
    Salin selepas log masuk

    直接移除小数点后面的数字,取整数位。IE浏览器不支持这个方法

对比以上四种方法:


Math.floor Math.ceil Math.round Math.trunc
3.14 3 4 3 3
9.99 9 10 10 9
-3.14 -4 -3 -3 -3
-9.99 -10 -9 -10 -9

精度

上述方法只是简单的把小数舍入成了整数,在有些情况下,我们需要特定精度的小数,例如取圆周率后4位应该怎么办呢?

有两种方法:

  1. 数学乘除计数

    let pi = 3.1415926;console.log(Math.round(pi * 10000) / 10000);//3.1416
    Salin selepas log masuk

    上述代码先将pi乘以10000,然后取整,再除以10000,从而得到了符合精度要求的结果。但是,这么做看起啦呆呆的,JavaScript为我们提供了更简单的方法。

  2. toFixed(n)

    let pi = 3.1415926;console.log(pi.toFixed(4));//3.1416
    Salin selepas log masuk

    以上代码看起来输出上没有什么问题,实际上,toFixed返回的是一个字符串,如果我们需要一个数字类型,要转换一下才行,可以使用单目运算符+ pi.toFixed(4)

    此外,如果小数的尾数长度不够,toFixed会在后面补上'0':

    let num = 3.1;console.log(num.toFixed(9));
    Salin selepas log masuk

    代码执行结果如下:
    Kuasai jenis angka JavaScript dalam satu artikel
    这也侧面证明了toFixed的返回值是一个字符串,否则0会被省略。

偏差

浮点数表示在很多情况下总是存在偏差

在计算机内部,浮点数根据IEEE-754标准进行表示,其中单精度浮点数32位,双精度浮点数64位。在双精度浮点数中,1位用于表示符号,52位用于存储有效数字,11位存储小数点的位置。

偏差现象

虽然64位已经可以表示非常大的数字了,但是仍然存在越界的可能,例如:

let bigNum = 1e999;console.log(bigNum);//Infinity
Salin selepas log masuk

越过做最大值的数字将变为Infinity(无穷),这样就丢失了原有数字的大小,属于偏差的一种。

还有一种偏差,需要我们学习:

console.log(0.1+0.2 === 0.3);//falseconsole.log(0.1 + 0.2);
Salin selepas log masuk

代码执行结果如下:

Kuasai jenis angka JavaScript dalam satu artikel

没错,0.1 + 0.2的结果并不是0.3,而是一堆0后面加个4

这种偏差是非常致命的,尤其在商城、银行工作场景中,即使是一个非常小的偏差,在高流水场景下都会丢失无尽的财富。

曾经听说过一个银行员工通过克扣工人工资,盗取百万财富的故事,每个员工的工资只克扣2毛!

我想这种事情发生在我身上,我肯定发现不了,所以无时无刻的精确是多么的重要。

这个故事不知真假~~

偏差原因

先以我们常见的十进制为例,我们都知道,小数中存在两个奇葩,一个叫无限循环小数,另一个叫无限不循环小数,例如1/3就是一个无限循环小数0.3333333(3),而圆周率就是一个无限不循环小数。无限就意味着无法用数字清楚的描述这个数字的大小,我们能写出来的都是不精确的。

二进制同样存在一些无限循环的数字,不同的是在十进制中0.1这种看起啦很简单的数字,在二进制中却是无限循环小数。

举个例子:

let x = 0.1;console.log(x.toFixed(20));
Salin selepas log masuk

代码执行结果如下:

Kuasai jenis angka JavaScript dalam satu artikel

是不是觉得不可思议呢?我们只是简单的创建了一个变量并赋值0.1,然后取小数点后20位,却得到了一个匪夷所思的结果。

如果我们换一个角度或许会更容易理解这种现象,在十进制中,任何整数除以10或者10整数次幂都是正常的精确的数字,例如1/10或者996/1000。但是,如果以3为除数,就会得到循环的结果,例如1/3

这种描述如果换到二进制上,同样是成立的。

在二进制中,任何整数除以2或者2的整数次幂都是正常的精确的数字,但是,如果以10为除数,就会得到无限循环的二进制数。

所以,我们就可以得出结论,二进制数字无法精确表示0.10.2就像十进制没有办法描述1/3一样。

注意:

这种数据上的偏差并非JavaScript的缺陷,像PHP、Java、C、Perl、Ruby都是同样的结果。

解决方法

  1. 舍入

    在展示一个无限循环小数的时候,我们可以直接使用toFixed方法对小数进行舍入,该方法直接返回字符串,非常方便用于展示价格。

    0.3.toFixed(2);//0.30
    Salin selepas log masuk
  2. 使用小单位

    另外一种方式是,我们可以使用较小的单位计算诸如价格、距离,例如采用分而不是元计算总价,实际上很多交易网站都是这么做的。但是这种方法只是降低小数出现的次数,并没有办法完全避免小数的出现。

Infinity、NaN

JavaScript数字中有两个特殊值:InfinityNaN

如何判断一个数字是不是正常数字呢?

我们可以使用两个方法:

  1. isFinite(val)
    该函数会将参数val转为数字类型,然后判断这个数字是否是有穷的,当数字不是NaNInfinity-Infinity时返回true
    console.log(isFinite(NaN));//falseconsole.log(isFinite(Infinity));//falseconsole.log(isFinite(3));//trueconsole.log(isFinite('12'));//true
    Salin selepas log masuk
    代码执行结果如下:
    Kuasai jenis angka JavaScript dalam satu artikel
    由于无法转为数字的字符串会被转为NaN,所以我们可以使用isFinite方法判断字符串是不是数字串:
    console.log(isFinite('xxxx'));//falseconsole.log(isFinite('Infinite'));//falseconsole.log(isFinite(' '));//true,空串转为0
    Salin selepas log masuk
    代码执行结果如下:

Kuasai jenis angka JavaScript dalam satu artikel

  1. isNaN(val)
    valNaN或者无法转为数字的其他值时,返回true
    console.log(isNaN(NaN));//trueconsole.log(isNaN('Infinite'));//true
    Salin selepas log masuk
    代码执行结果:
    Kuasai jenis angka JavaScript dalam satu artikel
    为什么要使用isNaN函数而不是直接判读呢?
    例如:
    console.log(NaN === NaN);//false
    Salin selepas log masuk
    代码执行结果如下:
    Kuasai jenis angka JavaScript dalam satu artikel
    这是因为NaN不等于任何数,包括自身。

Object.is

Object.is(a,b)可以判断参数ab是否相等,若相等返回true,否则返回false,它的结果只有三种情况:

  1. 可以比较NaN

    console.log(Object.is(NaN,NaN));//true
    Salin selepas log masuk

    代码执行结果:

    Kuasai jenis angka JavaScript dalam satu artikel

  2. 0 和 -0

    console.log(Object.is(0,-0));//false
    Salin selepas log masuk

    代码执行结果:

    Kuasai jenis angka JavaScript dalam satu artikel

    在计算机内部,正负使用01表示,由于符号不同,导致0-0实际上是不同的,二者的表示方式也不一样。

  3. 其他
     其他比较情况和a === b完全相同。

parseInt、parseFloat

parseIntparseFloat可以把字符串转为数字,与+Number不同的是,二者的限制更为松散。例如,像"100¥"这样的字符串使用+Number必然返回NaN,而parseIntparseFloat却能轻松应对。

举个例子:

console.log(+"100¥");console.log(parseInt("100¥"));console.log(parseFloat("12.5¥"));
Salin selepas log masuk

代码执行结果:

Kuasai jenis angka JavaScript dalam satu artikel

parseIntparseFloat会从字符串中读取数字,直到无法读取为止。二者特别适合处理像"99px""11.4em"这种数字开头的字符串情况,但是对于其他字符开头的字符串则返回NaN

console.log(parseInt('ff2000'));//NaN
Salin selepas log masuk

但是,我们发现ff2000实际上是一个十六进制的数字字符串,parseInt同样可以处理这种情况,不过需要添加一个进制参数。

举个例子:

console.log(parseInt('FF2000',16));
//16719872
console.log(parseInt('0xFF2000',16));
//16719872
console.log(parseInt('nnnnnn',36));
//1430456963
Salin selepas log masuk

代码执行结果:

Kuasai jenis angka JavaScript dalam satu artikel

Math对象

内置的Math对象中包含了许多我们经常用到的常量和方法,以下仅举例介绍常用的几个:

  1. Math.PI

    圆周率Π是一个无限不循环的常量,我们可以使用Math.PI代替:

    console.log(Math.PI);
    Salin selepas log masuk

    Kuasai jenis angka JavaScript dalam satu artikel

  2. Math.random()
    生成一个位于区间[0,1)的随机数:

    console.log(Math.random());console.log(Math.random());
    Salin selepas log masuk

Kuasai jenis angka JavaScript dalam satu artikel
如果我们需要一个特定区间内的随机数,可以乘以特定的值,然后取整哦。

  1. Math.pow(a,b)

    计算ab,举例如下:

    console.log(Math.pow(2,3));//8
    Salin selepas log masuk
  2. Math.max()/Math.min()

    从任意数量的参数中选出一个最大/最小值:

    console.log(Math.max(1,2,3,4,5));//5console.log(Math.min(1,2,3,4,5));//1
    Salin selepas log masuk

Kuasai jenis angka JavaScript dalam satu artikel

【相关推荐:javascript视频教程web前端

Atas ialah kandungan terperinci Kuasai jenis angka JavaScript dalam satu artikel. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan