JavaScript-1.3-JavaScript 中的變量函數
JavaScript 中的變量函數
一:Number:將變量轉爲數值
1、字符串類型轉數值
(1)字符串爲純數值字符串,會轉爲對應的數字
// 轉換結果爲2019
Number("2019");
(2)字符串爲空字符串時,會轉成0
// 轉換之後結果爲0
Number("");
(3)字符串包含其他非數字字符時,不能轉換
// 轉換之後結果爲 NaN(非數值)
Number("2019a");
2、布爾 Boolean 類型轉數值
(1)true 轉換爲1
// 將布爾類型轉換爲1
Number(true);
(2)false 轉換爲0
// 將布爾類型轉換爲0
Number(false);
3、Null 與 Undefined 轉數值
(1)Null 轉換爲0
// 將空引用 null 轉換爲0
Number(null);
(2)Undefined 轉換爲NaN
// 將未定義 undefined 轉換爲 NaN
Number(undefined);
4、Object 類型轉數值
- 先調用 ValueOf 方法,確定函數是否有返回值
二:isNaN:檢測變量是否爲 NaN
- isNaN 函數的作用是判斷一個變量或常量是否爲 NaN(非數值)
- 使用 isNaN 進行判斷時,會嘗試使用Number() 函數進行轉換
- 如果是數字,則不是非數值,結果爲 false
1、純數字字符串,檢測結果爲 false
// 先用 Number() 轉爲數值類型的2019,所有isNaN 檢測結果爲 false
isNaN("2019");
2、空字符串,檢測結果爲 false
// 先用 Number() 轉爲數值類型的0,所有isNaN 檢測結果爲 false
isNaN("");
3、包含其他字符,檢測結果爲 true
// 先用 Number() 轉爲NaN,所有isNaN 檢測結果爲 true
isNaN("2019a");
4、布爾類型,檢測結果爲 false
// 先用 Number() 轉爲數值類型的0,所有isNaN 檢測結果爲 false
isNaN("false");
三:parseInt:將字符串轉爲整型
- parseInt 函數的作用是將字符串類型轉爲整數數值類型
- parseInt 函數可解析一個字符串,並返回一個整數
注意:
parseInt 函數只能轉換 String 類型,對 Boolean、null、Undefined 進行轉換結果均爲 NaN
1、空字符串
- 不能轉換空字符串,輸出 NaN
// 打印輸出 parseInt 轉換後的值爲 NaN
parseInt("");
2、純數值字符串
- 可以進行轉換,但轉化小數時,會直接抹掉小數點,不進行四捨五入
// 轉換爲2019
parseInt("2019");
// 轉換爲2019
parseInt("2019.10");
3、包含其他字符的字符串
- 截取第一個非數值字符前的數值部分進行輸出
// 轉換爲小數時,會直接抹掉小數點,轉換爲2019
parseInt(2019.10a);
// 打印輸出 parseInt 轉換後的值爲 NaN
parseInt("a2019.10");
四:parseFloat:將字符串轉爲浮點型
- parseFloat 函數的作用是將字符串轉爲小數數值類型
- 轉化整數字符串時,保留整數
- 轉化包含小數點的字符串時,保留小數點
注意:
parseFloat 函數只能轉換 String 類型,對 Boolean、null、Undefined 進行轉換結果均爲 NaN
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
// 轉換爲 2019
console.log(parseFloat("2019"));
// 轉換爲 2019
console.log(parseFloat("2019a10"));
// 轉換爲 NaN
console.log(parseFloat("a2019"));
// 轉化爲小數時,保留小數點,轉換爲2019.1
console.log(parseFloat("2019.10a"));
// 轉換爲 NaN
console.log(parseFloat("a2019.10"));
</script>
</body>
</html>
效果圖
五:typeof:變量類型檢測
- typeof 函數是用來檢測一個變量的數據類型,傳入一個變量,返回變量所屬的數據類型
1.未定義:數據類型爲 Undefined
2.數值:數據類型爲 Number
3.字符串:數據類型爲 String
4.True/false:數據類型爲 Boolean
5.Null/對象:數據類型爲 Object
6.函數:數據類型爲 function
(1)函數寫法:需要保留(),變量通過()傳入,基本語法如下:
// 函數調用方式需要將變量通過函數後面的()傳入
typeof("2019");
(2)指令寫法:可以省略(),直接將變量緊跟 typeof,基本語法如下:
// 指令調用方式可以省略(),直接將變量緊跟 typeof
typeof "2019";