一、字面量

用于表達(dá)一個(gè)固定值的表示法，又叫做常量。

1.1 數(shù)字字面量

<script>
    // 整數(shù)字面量
    // 十進(jìn)制
    console.log(12);
    // 八進(jìn)制
    console.log(010);
    // 十六進(jìn)制
    console.log(0x100);
</script

效果展示

1.2 浮點(diǎn)數(shù)字面量

浮點(diǎn)數(shù)不區(qū)分進(jìn)制，所有的浮點(diǎn)數(shù)都是十進(jìn)制下的（注意：浮點(diǎn)數(shù)若是0~1之間的，前面的0可以省略不寫，例如0.6可以寫成.6）浮點(diǎn)數(shù)的精度遠(yuǎn)遠(yuǎn)不如小數(shù)。

// 浮點(diǎn)數(shù)字面量
console.log(1.2);
console.log(-1.2);
console.log(0.1343);
console.log(.1343);
console.log(1.2e4);
console.log(1.2e-4);

效果展示

1.3 特殊值

Infinity：無(wú)窮

// Infinity
console.log(Number.MAX_VALUE);
console.log(Number.MIN_VALUE);
console.log(5e789);
console.log(-5e789);
console.log(Infinity);

效果展示

NaN：不是一個(gè)正常的數(shù)

isNaN()判斷一個(gè)數(shù)據(jù)是不是NaN.

// NaN
console.log(0 / 0);
console.log(isNaN(0 / 0));
console.log(isNaN(22));

效果展示

1.4 字符串字面量

字符串字面量：

用單引號(hào)或者雙引號(hào)包裹起來(lái)，引號(hào)中間可以有任意多個(gè)字符，也可以沒有字符則為空字符串。（注意：如果字符串中包含了雙引號(hào)，則外面用單引號(hào)包裹，反之相同）

// 字符串字面量
console.log("這是一個(gè)'字符串'");
console.log("123");
console.log("000%$*^");
console.log("     ");
console.log("");

效果展示

**轉(zhuǎn)義符**：

// 轉(zhuǎn)義符
console.log("你\n好");
console.log("你\t好");
console.log("你好\"呀\"");

效果展示

二、變量

2.1 變量的定義

變量：計(jì)算機(jī)內(nèi)存儲(chǔ)數(shù)據(jù)的標(biāo)識(shí)符，根據(jù)變量名稱可以獲取到內(nèi)存中的數(shù)據(jù)。

變量聲明：使用變量之前先進(jìn)行定義，創(chuàng)建變量。如果使用之前沒有定義變量，就會(huì)出現(xiàn)引用錯(cuò)誤。

定義方法：var后面添加空格，空格后面添加一個(gè)變量名。

// 變量的定義
var name;
var userName;
var a;
var b1;

2.2 變量的賦值

變量定義后有個(gè)默認(rèn)的值為undefined；變量賦值時(shí)，內(nèi)部可以存儲(chǔ)任意類型的數(shù)據(jù)，甚至是一個(gè)變量。

一個(gè)var可以同時(shí)定義多個(gè)變量，中間用逗號(hào)分隔開。

代碼如下（示例）：

// 變量的定義
var name;
var userName;
var a;
var b1;

// 變量的賦值
var a=1,b=2,c=3;
a = a + b + c;
console.log(a);

效果展示：

三、數(shù)據(jù)類型

3.1 簡(jiǎn)單數(shù)據(jù)類型

復(fù)雜數(shù)據(jù)類型object。

3.2 檢測(cè)數(shù)據(jù)類型

用typeof來(lái)檢測(cè)數(shù)據(jù)類型，后面加小括號(hào)，括號(hào)里面寫參數(shù)。（變量的數(shù)據(jù)類型是變化的，隨著賦值不同數(shù)據(jù)類型也就不同）
代碼如下（示例）：

console.log(typeof(6.8));
console.log(typeof(-1));
console.log(typeof(NaN));
console.log(typeof(false));
console.log(typeof 66);
console.log(typeof 66 + 3);

效果展示

3.3 數(shù)據(jù)類型轉(zhuǎn)換

（1）轉(zhuǎn)成字符串

toString（）和String（）轉(zhuǎn)換成字符串類型的數(shù)據(jù)。

“+”的特殊性，兩邊只要有一個(gè)字符串就是拼接字符串功能。兩邊是數(shù)字那么就是運(yùn)算功能。

（2）轉(zhuǎn)成數(shù)字類型

Number（）可以將其他類型的數(shù)據(jù)轉(zhuǎn)換為數(shù)字類型。

parseInt（）字符串轉(zhuǎn)成整數(shù)的方法：對(duì)浮點(diǎn)數(shù)可以進(jìn)行取整操作，將字符串轉(zhuǎn)換為整數(shù)數(shù)字。（針對(duì)數(shù)字字符串）
parseFloat（）轉(zhuǎn)成浮點(diǎn)數(shù)。

（3）轉(zhuǎn)成布爾類型

Boolean（）可以轉(zhuǎn)任何類型的數(shù)據(jù)，將其他的數(shù)據(jù)轉(zhuǎn)為布爾類型的值。

轉(zhuǎn)為false : NaN、0、“” 空字符串、null、undefined

轉(zhuǎn)為true :非0非NaN數(shù)字、非空字符串

// 轉(zhuǎn)成字符串類型
console.log(true.toString());
console.log(String(2333));
console.log(1 + "");

// 轉(zhuǎn)換成數(shù)字類型
console.log(Number("11aa"));
console.log(parseInt("123.11ac")); //轉(zhuǎn)換成整數(shù)
console.log(parseFloat("12.123hh"));

// 轉(zhuǎn)成布爾類型
console.log(Boolean(NaN));
console.log(Boolean(""));
console.log(Boolean(undefined));
console.log(Boolean("   "));
console.log(Boolean(123));

3.4 prompt接收數(shù)據(jù)轉(zhuǎn)換

// var num = prompt("請(qǐng)輸入一個(gè)十以內(nèi)的數(shù)字");
// num = parseInt(num);
// console.log(typeof(num));

// 簡(jiǎn)單化寫法
var num = parseInt(prompt("請(qǐng)輸入一個(gè)十以內(nèi)的數(shù)字"));
num = num + 3;
console.log(num);

四、總結(jié)

數(shù)據(jù)類型這部分就學(xué)習(xí)到這里了，堅(jiān)持學(xué)習(xí)前端，希望看到一個(gè)不一樣的自己。

到此這篇關(guān)于JavaScript數(shù)據(jù)類型相關(guān)知識(shí)詳解的文章就介紹到這了,更多相關(guān)js數(shù)據(jù)類型內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論