JavaScript變量類型及變量之間如何轉(zhuǎn)換

本篇內(nèi)容介紹了“JavaScript變量類型及變量之間如何轉(zhuǎn)換”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

1. 變量類型

<script>
        var num =10;
        console.log(typeof num);
</script>

• typeof :聲明變量類型

• alert:彈出警示框

• prompt:輸入輸出語句

1.1 變量類型的顏色

根據(jù)控制臺的顏色來辨別變量類型：

• 紫色：數(shù)值型

• 黑色：字符型

• 藍(lán)色：布爾型  （true false）

• 淺灰色：undefined null

2. 字面量

字面量是在源代碼中一個固定值的表示法，就是字面量表示如何表達(dá)這個值。

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

3.1. 轉(zhuǎn)換為字符串型

1.加號拼接字符串

console.log(num+'我是字符串')

2.toString() 轉(zhuǎn)成字符串

數(shù)字的字符串表示。例如，當(dāng) radix 為 2 時，NumberObject 會被轉(zhuǎn)換為二進制值表示的字符串。

語法為：

number.toString(radix)

參數(shù) 描述

radix 可選。規(guī)定表示數(shù)字的基數(shù)，是 2 ~ 36 之間的整數(shù)。若省略該參數(shù)，則使用基數(shù) 10。但是要注意，如果該參數(shù)是 10 以外的其他值，則 ECMAScript 標(biāo)準(zhǔn)允許實現(xiàn)返回任意值。

• 2 - 數(shù)字以二進制值顯示

• 8 - 數(shù)字以八進制值顯示

• 16 - 數(shù)字以十六進制值顯示

示例如下：

var num=10;
var str=num.toString();
console.log(str);

3.string（變量）

3.2轉(zhuǎn)換為數(shù)字型（重點）

parseInt(string)函數(shù)--整數(shù)數(shù)值型

parseInt() 函數(shù)可解析一個字符串，并返回一個整數(shù)。

當(dāng)參數(shù) radix 的值為 0，或沒有設(shè)置該參數(shù)時，parseInt() 會根據(jù) string 來判斷數(shù)字的基數(shù)。

當(dāng)忽略參數(shù) radix , JavaScript 默認(rèn)數(shù)字的基數(shù)如下:

如果 string 以 "0x" 開頭，parseInt() 會把 string 的其余部分解析為十六進制的整數(shù)。

如果 string 以 0 開頭，那么 ECMAScript v3 允許 parseInt() 的一個實現(xiàn)把其后的字符解析為八進制或十六進制的數(shù)字。

如果 string 以 1 ~ 9 的數(shù)字開頭，parseInt() 將把它解析為十進制的整數(shù)。

語法

parseInt(string, radix)

示例如下

var age=prompt('請輸入您的年齡');
        console .log(parseInt(age));
        console.log(parseInt('3.14'));  //取整 3
        console.log(parseInt('3.98'));  //取整 3
        console.log(parseInt('120px'));  //取整 120

2.parseFloat(string)函數(shù)--浮點數(shù)數(shù)值型

parseFloat() 函數(shù)可解析一個字符串，并返回一個浮點數(shù)。

該函數(shù)指定字符串中的首個字符是否是數(shù)字。如果是，則對字符串進行解析，直到到達(dá)數(shù)字的末端為止，然后以數(shù)字返回該數(shù)字，而不是作為字符串。

語法

parseFloat(string)

示例如下

console.log(parseFloat('3.14'));
console.log(parseFloat('120px')); //120會去掉px單位

3.利用number(變量)

var str='123';
console.log(number(str);
console.log(number('123'));

4.利用了算數(shù)運算- + * / 隱式轉(zhuǎn)換

console.log('12'-0); //12
console.log('123'-'120'); //3
console.log('123'*1); //123

3.3轉(zhuǎn)換成布爾型

Boolean()函數(shù)

Boolean 對象代表兩個值:"true" 或者 "false"

下面的代碼定義了一個名為 myBoolean 的布爾對象：

var myBoolean=new Boolean();

如果布爾對象無初始值或者其值為:

• 0

• -0

• null

• ""

• false

• undefined

• NaN

那么對象的值為 false。否則，其值為 true（即使當(dāng)變量值為字符串 "false" 時）！

console.log(boolean(''));//false
console.log(boolean(0));//false
console.log(boolean(NaN));//false
console.log(boolean(null));//false
console.log(boolean(undefined));//false

其余都是true。

“JavaScript變量類型及變量之間如何轉(zhuǎn)換”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！