JavaScript變量類型以及變量之間的轉換你瞭解嗎

Posted on by

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。

總結

本篇文章就到這裡瞭，希望能夠給你帶來幫助，也希望您能夠多多關註WalkonNet的更多內容!        

推薦閱讀：