導讀

初步了解 JavaScript 之后，我們又學習了注釋、輸入輸出以及變量的相關知識。本文緊接上兩部分，來繼續帶領大家學習 JavaScript 中的數據類型知識，本文主要內容如下：

數據類型簡介

數據類型分類

變量數據類型獲取

常用的數據類型轉換

簡介

在計算機中，不同數據所需要的存儲空間是不一樣的，為了盡可能的提高內存利用率，方便把數據劃分為所需內存大小不同的數據，于是需要將不同數據定義為對應的數據類型。

最常見的就是字符串和數字，就像“公眾號：村雨遙”這個字符串和 1943 這個數字所對應的類型是不一樣。

不同于 Java 這樣的編程語言，JavaScript 是一種弱類型的語言。這意味在 JavaScript 中，不用提前聲明變量的類型，在程序運行過程中，JavaScript 引擎會自動確定變量類型。在 Java 中，如果我們要定義一個變量，通常需要像如下形式：

int name = "村雨遙";

但是在 JavaScript 中，我們只需要按照下面的方式定義即可。

var name = '村雨遙';

也正是由于 JavaScript 的動態特性，所以在 JavaScript 中，變量的數據類型是可以變化的。

以下是一個變量數據類型動態變化的實例，一開始變量是一個字符串，然后我們又把它變成了數字類型。

var name = '村雨遙'; name = 1943;

數據類型分類

在 JavaScript 中，數據類型可以分為兩大類：

• 基本數據類型：Number、String、Boolean、Undefined、Null

• 復雜數據類型：object

基本數據類型詳情如下表所示：

數據類型說明默認值

Number	數字類型，包括整形和浮點型	0
String	字符串類型	""
Boolean	布爾值類型	false
Undefined	如果一個變量聲明了但是未賦值，則此時該變量為 undefined	undefined
Null	var num = null，聲明變量 num 為空值	null

數字類型（Number）

JavaScript 中，不分整型和浮點型，它們統一稱之為數字類型。也就是說，JavaScript 中數字類型的既可以保存整數值，也可以保存小數值。

var num = 1943; var wepublic = "村雨遙";

數字型中，有以下幾個特殊值需要值得注意：

• 最大值：Number.MAX_VALUE
• 最小值：Number.MIN_VALUE
• 無窮大：Infinity，表示大于任何數值。
• 無窮小：-Infinity，表示小于任何數值。
• 非數字：NaN，Not a number，表示一個非數字。

如果要確認一個變量是否是非數字，JavaScript 提供了一個方法 isNaN(x)。如果 x 是一個數字，則返回 false，如果 x 不是數字，則返回 true。

alert(isNaN('村雨遙')); alert(isNaN(12));

字符串類型（String）

JavaScript 中，把用引號括起來的任意文本叫做字符串類型，其中引號既可以使用雙引號 ""，也可以使用單引號 ''。

以下的 name 就是一個字符串類型，可以使用單引號或雙引號將其包括，兩者的功能是一樣的。

var name; name = '村雨遙'; name = "村雨遙";

除此之外，和其他編程語言一樣，JavaScript 也提供了許多轉義符，常見的轉義符如下表所示。

轉義符說明

\n	換行
\\	\ 右斜杠
\'	' 單引號
\"	" 雙引號
\t	tab 縮進
\b	空格

JavaScript 中對于字符串的常用操作主要有以下幾種。

獲取字符串長度

字符串是由如果字符所組成，而字符串的長度就是這些字符的數量。在 JavaScript 中，可以通過字符串的 length 屬性獲取整個個字符串的長度。

var wepublic = '村雨遙'; alert(wepublic.length);

字符串拼接

如果存在多個字符串，可以使用 + 來進行拼接，其具體方式為：

字符串 + 任何類型 = 拼接后的新字符串

var wepublic = '村雨遙：'; var id = 'cunyu1943'; alert(wepublic + id);

布爾類型（Boolean）

只有 true 和 false 兩個值，true 代表真，而 false 表示假。但是當它們和數字類型相加時，此時 true 的值就變成了 1，而 false 的值變成了 0。

// 2 alert(true + 1); // 1 alert(false + 1);

Undefined 和 Null

在 JavaScript 中，如果一個變量被聲明后但卻沒有賦值，那么此時該變量的默認值就是 undefined。

如果一個對象的值未設置，那么則該對象此時為 null。

獲取變量數據類型

假設我們有一個變量，但是沒有找到他的定義所在位置，那么此時也不用慌，JavaScript 提供了 typeof 關鍵字來幫助我們確定變量的數據類型。

var num = 1943; console.log(typeof num); var wepublic = '村雨遙'; console.log(typeof wepublic); var focus = true; console.log(typeof focus);

數據類型轉換

日常開發中，在瀏覽器中通過表單或者 prompt 等獲取來的變量默認都是字符串類型，但實際上我們所需要的類型往往都不是字符串，此時就需要對變量的數據類型進行轉換。而這一過程就叫做數據類型轉換，即將一種數據類型的變量轉換為另一種數據類型。

最常用的主要有以下三種：

• 轉換為字符串類型
• 轉換為數字類型
• 轉換為布爾類型

轉換為字符串類型

轉換為字符串類型的方法總結如下表，以下就分別來看看這三種方法的使用。

方法說明

toString()	轉換為字符串
String() 強制轉換	轉換為字符串
+ 拼接	和字符串拼接的結果都是字符串

toString()

通過調用 toString() ，可以實現由其他類型向字符串類型的轉變。

var num = 1943; var str = num.toString() console.log(str); console.log(typeof str);

String()

var num = 1943; var str = String(num); console.log(str); console.log(typeof str);

+ 拼接

字符串和其他任意類型的變量相拼接，最后得到的一定是字符串。

var num = 1943; var str = num + ""; console.log(str); console.log(typeof str);

轉換為數字類型

最常用的一般是字符串類型轉換為數字類型，這里既可以將字符串類型轉換為具體的整數數值類型或者浮點數數值類型，也可以將直接將其轉換為數值型而不用區分整數數值還是浮點數數值。除此之外，還經常利用運算符來進行隱式轉換。

方法說明

parseInt(string)	字符串類型轉換為整數數值類型
parseFloat(string)	字符串類型轉換為浮點數數值類型
Number()	字符串轉換為數值型
-、*、/ 隱式轉換	利用算數運算隱式轉換為數值型

parseInt(string)

var str = '1943'; var num = parseInt(str); console.log(num); console.log(typeof num);

parseFloat(string)

var str = '19.43'; var num = parseFloat(str); console.log(num); console.log(typeof num);

Number()

var str1 = '19.43'; var str2 = '1943'; var num1 = Number(str1); var num2 = Number(str2); console.log(num1); console.log(typeof num1); console.log(num2); console.log(typeof num2);

運算符隱式轉換

var str1 = '2022'; var str2 = '2'; var num1 = str1 * str2; var num2 = str1 / str2; var num3 = str1 - str2; console.log(num1); console.log(typeof num1); console.log(num2); console.log(typeof num2); console.log(num3); console.log(typeof num3);

轉換為布爾類型

方法說明

Boolean()	將其他類型轉換為布爾類型

在 JavaScript 中，代表空、否定的值都會轉變為 false，比如 ''、 0、NaN、undefined、null 等。而其他值則會轉換為 true。

// false console.log(Boolean('')); // false console.log(Boolean(NaN)); // true console.log(Boolean(1943)); // true console.log(Boolean('村雨遙'));

總結

以上是生活随笔為你收集整理的JavaScript 教程「3」：数据类型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。