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"
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章