JavaScript變量類型有哪些及變量間的轉換方法

這篇文章主要介紹“JavaScript變量類型有哪些及變量間的轉換方法”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“JavaScript變量類型有哪些及變量間的轉換方法”文章能幫助大家解決問題。

1. 變量類型

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

typeof :聲明變量類型

alert:彈出警示框

prompt:輸入輸出語句

1.1 變量類型的顏色

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

紫色：數值型

黑色：字符型

藍色：布爾型  （true false）

淺灰色：undefined null

2. 字面量

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

3.數據類型轉換

3.1. 轉換為字符串型

1.加號拼接字符串

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

2.toString() 轉成字符串

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

3.string（變量）

3.2轉換為數字型（重點）

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

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)函數--》浮點數數值型

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.利用了算數運算- + * / 隱式轉換

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

3.3轉換成布爾型

Boolean()函數

返回值：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。

關于“JavaScript變量類型有哪些及變量間的轉換方法”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。