快捷導(dǎo)航

JavaScript變量類(lèi)型以及變量之間的轉(zhuǎn)換你了解嗎

更新時(shí)間：2022年02月18日 09:11:19 作者：不二情書(shū)

這篇文章主要為大家詳細(xì)介紹了JavaScript變量類(lèi)型以及變量之間的轉(zhuǎn)換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助

1. 變量類(lèi)型

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

typeof :聲明變量類(lèi)型

alert:彈出警示框

prompt:輸入輸出語(yǔ)句

1.1 變量類(lèi)型的顏色

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

紫色：數(shù)值型

黑色：字符型

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

淺灰色：undefined null

2. 字面量

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

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

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

1.加號(hào)拼接字符串

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

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

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

3.string（變量）

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

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

var age=prompt('請(qǐng)輸入您的年齡');
        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ù)--》浮點(diǎn)數(shù)數(shù)值型

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

3.利用number(變量)

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

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

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

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

Boolean()函數(shù)

返回值：true or false

false: 0、NaN、null、undefined、''(空)

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。