JavaScript變數型別以及變數之間的轉換你瞭解嗎

2022-02-18 10:02:02

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。