JavaScript數據類型
學習目的：html
1.說出五種簡單的數據類型java
2.typeof獲取變量類型函數
3.說出1-2種轉換爲數值型的方法學習
4說出一到兩種轉換爲字符型的方法spa
5說出什麼是隱式轉換code
1爲何須要數據類型？htm
不一樣數據佔用的存儲空間不一樣，爲了便於把數據分紅所需內存大小不一樣的數據，充分利用存儲空間，定義了不一樣的數據類型。對象
2變量的數據類型blog
js的數據類型是隻有在程序運行過程當中，根據等號右邊的值來肯定的。ip
Javascript擁有動態類型，同時意味着相同的變量可用做不一樣的類型
程序實例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> var num = 10;//num屬於數字型 // js的數據類型只是在程序運行過程當中，根據等號右邊的值來肯定的 var str ='pink';//str 字符串型 // js是動態語言 變量數據類型能夠變化的 var x = 10;//x是數字型 x = 'pink';//x是字符型 </script> </head> <body> </body> </html>
3數據類型的分類：
簡單數據類型
| 簡單數據類型 | 說明 | 默認值 |
| Number | 數字型，包含整形值和浮點型值，如21 0.21 | 0 |
| Boolean | 布爾型 如ture，false，等價於0和1 | false |
| String | 字符串型，如 張三 咱惡魔你js中，字符串都帶引號 | "" |
| Undefined | var a;聲明瞭a可是沒有賦值，此時a=undefined | undefined |
| Null | var a = null;聲明瞭a爲空值 | null |
（1）Number
1. 0 開頭八進制 0x開頭十六進制
2. 數字範圍 ：JavaScript中的最大值和最小值
alert(Number.Max_VALUE); //數字中的最大值
alert(Number.MIN_VALUE); //數字中的最小值
3. 數字的3個特殊值
alert(Infinity); //表明無窮大
alert(-Infinity); //表明無窮小
alert(NaN); //NOT A Number 表明一個非數值
4. is NaN()這個方法用來判斷非數字 而且返回一個值 若是是數字返回 false 若是不是數字返回 ture
console.log(isNaN('pink'));
代碼示例：
<script>
var num = 10;//num數字型
var PI = 3.14; //PI數字型
//1.八進制 0-7 咱們程序裏面數字前面加0 表示八進制
var num1 = 010;
console.log(num1);//010 八進制 轉換爲10進制 就是8
//十六進制 0-9 a-f #ffffff 數字前面加0x表示十六進制
var num3 = 0x9;
console.log(num3);
//3.數字型的最大值
console.log(Number.MAX_VALUE);
//4.數字型的最小值
console.log(Number.MIN_VALUE);
//5.無窮大
console.log(Number.MAX_VALUE * 2);//infinity
// 6.無窮小
console.log(-Number.MAX_VALUE * 2);//-infinity
// 7.NAN非數字
console.log('pink' - 100);//NAN
//is NaN()這個方法用來判斷非數字 而且返回一個值 若是是數字返回 false 若是不是數字返回 ture
console.log(isNaN('pink'));
</script>
（2）string字符串型
1. 加 "" 和 '' 均可以是字符串型 'pink' '2' 'ture' 推薦單引號
2.字符串轉義字符 都是用\開頭的可是這些轉義字符寫到引號裏面
| 轉義符 | 解釋說明 |
| \n | 換行符，n是newline的意思 |
| \\ | 斜槓\ |
| \' | ' 單引號 |
| \" | " 雙引號 |
| \t | tab縮進 |
| \b | 空格，b是blank的意思 |
(3)字符串長度
字符串是有若干字符構成的，這些字符的數量就是字符串長度。經過字符串length屬性能夠獲取整個字符串的長度。
（4）字符串的拼接
多個字符串之間可使用+進行拼接，其拼接方式爲 字符串+任何類型=拼接以後的新字符串
程序實例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//1.檢測獲取字符串長度 length
var str = 'my name is andy';
console.log(str.length); //15
//字符串的拼接+ 只要有字符串最終結果爲字符串 +號口訣，數值相加，字符相連
console.log('沙漠'+'駱駝');//字符串的 沙漠駱駝
console.log('pink老師' + 18);//字符串的 pink老師18
console.log('pink老師' + true);//字符串
console.log(12+12);//數字
console.log('12' + 12); //1212
//拼接字符增強
var age = 18;
// 變量寫到字符串裏面，是經過和字符串相連的方式實現的
console.log('我'+age+'歲');
//小技巧 變量和字符串的口訣：隱隱加加來實現的
//程序交互效果
var age = prompt('請輸入年齡');
alert('您今年已經'+age+'歲了')
</script>
</head>
<body>
</body>
</html>
（5）Boolean布爾型
4獲取變量的數據類型
（1）typeof 獲取變量的數據類型
<script>
var num = 10 ;
console.log(typeof num); //number
var str = 'pink';
console.log(typeof str);//string
var flag = true;
console.log(typeof flag);//boolean
var vari = undefined;
console.log(vari);//undefined
var timer = null;
console.log(timer);//object
//prompt 取過來的值是字符型的
var age = prompt('請輸入您的年齡');
console.log(age);
console.log(typeof age);
</script>
5數據類型的轉換
使用表單，prompt獲取過來的數據默認是字符串類型的 此時就不能直接簡單進行加法運算，而須要轉換變量的數據類型。俗話來講，就是把一種數據類型的變量轉換爲另外一種數據類型。
轉換爲字符串型
轉換爲數字型
轉換爲布爾型
（1）轉換爲字符串
| 方式 | 說明 | 案例 |
| toString() | 轉成字符串 | var num=1;alter(num.toString()); |
| String()強制轉換 | 轉成字符串 | var num=1;alert(String(num)); |
| 加號拼接字符 | 和字符串拼接的結果都是字符串 | var num=1;alert(num+"我是字符串"); |
代碼示例：
<script>
// <!-- 1.把數字型轉換爲字符串型 -->
var num = 10;
var str = num.toString();
console.log(typeof str);
// 2.咱們利用string(變量)
console.log(typeof String(num));
// 3.利用+拼接字符串的方法實現轉換效果
console.log(typeof (num + ''));//+的方法也稱爲隱式轉換。
</script>
（2）轉換爲數字型（重點）
| 方式 | 說明 | 案例 |
| parseInt(string)函數 | 將string類型轉成整數數值型 | parseInt('78') |
| parseFloat(string)函數 | 將string類型轉成浮點數數值型 | parseFloat('78.21') |
| Number()強制轉換函數 | 將string類型轉換爲數值型 | Number('12') |
| js隱式轉換(- * /) | 利用算術運算隱式轉換爲數值型 | '12'-0 |
代碼示例：
<script>
// var age = prompt('請輸入您的年齡');
//1.parseInt(age)能夠把字符型轉換成數值型，可是獲得的是整數
console.log(typeof parseInt(age));//number
console.log(parseInt('3.14')); //取整3
console.log(parseInt('3.94')); //取整3
console.log(parseInt('120px')); //120會去掉px這個單位
console.log(parseInt('rem120px')); //NaN
//2.paseFloat(變量)能夠把字符型的轉換爲數字型 獲得的是小數 浮點數
console.log(parseFloat('3.14'));//3.14
console.log(parseFloat('rem120px')); //NaN
console.log(parseFloat('120pxhhh')); //120
//3.利用Number(變量)
var str = '123';
console.log(Number(str));
//4.利用算術運算 - * /隱式轉換
console.log('12' - 0);//12
console.log('120' - '112');//8
</script>
數據類型轉換小案例：
1 <script> 2 //輸入出生年份算出年齡 3 //彈出輸入框 4 //變量保存起來 減去變量值 5 //彈出警示框 6 var year = prompt('請輸入出生年份'); 7 parseInt(year); 8 var age = 2020 - parseInt(year); 9 alert(age); 10 //簡單減法器 11 var firstNumber = prompt('請輸入第一個數值'); 12 var secondNumber = prompt('請輸入第二個數值'); 13 var result = parseInt(firstNumber) - parseInt(secondNumber); 14 alert(result); 15 </script>
（3）轉換Boolean型
| 方式 | 說明 | 案例 |
| Boolean | 其餘類型轉換爲布爾型 | Boolean(ture); |
表明空，否認的之都會被轉換成false 如'',0,NaN,null,undefined
其他的值都會被轉換爲ture.
代碼示例：
<script>
// 表明空，否認的之都會被轉換成false 如'',0,NaN,null,undefined
// 其他的值都會被轉換爲ture.
console.log(Boolean(''));//false
console.log(Boolean(0));//false
console.log(Boolean(NaN));//false
console.log(Boolean(null));//false
console.log(Boolean(undefined));//false
console.log(Boolean(123));//ture
</script>
6擴展：
js是解釋性語言，運行及時編譯，運行一行解釋一行 執行同樣（吃火鍋）
java是編譯語言 編譯完畢生成執行代碼 再執行（作菜一塊兒吃）
- 1. javascript -- 數據類型
- 2. javaScript數據類型
- 3. JavaScript數據類型
- 4. javascript 數據類型
- 5. JavaScript 數據類型
- 6. JavaScript--數據類型
- 7. 【JavaScript】數據類型
- 8. javascript——數據類型
- 9. javascript數據類型
- 10. 【javaScript】數據類型
- 更多相關文章...
- • C# 數據類型 - C#教程
- • SQLite 數據類型 - SQLite教程
- • Kotlin學習（二）基本類型
- • Flink 數據傳輸及反壓詳解
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. javascript -- 數據類型
- 2. javaScript數據類型
- 3. JavaScript數據類型
- 4. javascript 數據類型
- 5. JavaScript 數據類型
- 6. JavaScript--數據類型
- 7. 【JavaScript】數據類型
- 8. javascript——數據類型
- 9. javascript數據類型
- 10. 【javaScript】數據類型