js中的資料型別及各資料型別轉換
阿新 • • 發佈:2020-12-10
一、js中的資料型別
JS 把資料型別分為兩類:
簡單資料型別(Number,String,Boolean,Undefined,Null)
複雜資料型別 (object)
簡單資料型別
資料型別 | 說明 | 預設值 |
---|---|---|
Number | 數字型,包含整型和浮點型 | 0 |
Boolean | 布林值,包含true和false倆類 | false |
String | 字串型別,字串都帶引號‘’ | ‘’ |
Undefined | 聲明瞭變數,但未給值 | undefined |
Null | 空值 | null |
1、Number 型
1.1 進位制
最常見的進位制有二進位制、八進位制、十進位制、十六進位制,在JS中八進位制前面加0,十六進位制前面加 0x 。
<script>
console.log(100);
console.log(010);
console.log(0X10)
</script>
控制檯輸出結果:
1.2 範圍
alert(Number.MAX_VALUE); // 1.7976931348623157e+308
alert(Number.MIN_VALUE); // 5e-324
1.3 特殊值
Infinity ,代表無窮大,大於任何數值
-Infinity ,代表無窮小,小於任何數值
NaN ,Not a number,代表一個非數值
1.4 isNaN()
用來判斷一個變數是否為非數字的型別,返回 true 或者 false
console.log(isNaN(100));
console.log(isNaN('abc'));
輸出結果說明,當變數是數值時,輸出false,當變數為非數值時,輸出true。
2、String
2.1 字串的轉義符
轉義符都是 \ 開頭的,常用的轉義符及其說明如下:
轉義符 | 說明 |
---|---|
\n | 換行符,n 是 newline 的意思 |
\\ | 斜槓 \ |
\’ | 單引號 |
\“ | 雙引號 |
\t | tab縮排 |
\b | blak 空格 |
3、獲取資料型別
typeof 可用來獲取檢測變數的資料型別
console.log(typeof(1)); //number
console.log(typeof('aaa' )); //string
console.log(typeof(true)); //boolean
console.log(typeof(undefined)); //undefined
console.log(typeof(null)); //object
二、資料型別轉換
1、轉換為字串
方式 | 說明 | 例項 |
---|---|---|
toString() | 轉成字串 | num.toString() |
String() 強制轉換 | 轉成字串 | String(num) |
加號拼接空值字串(隱式轉換) | 和字串拼接的結果也是字串 | num + ‘’ |
console.log(num.toString() + '...' + typeof(num.toString()));
console.log(String(num) + '...' + typeof(String(num)));
console.log((num + '') + '...' + typeof((num + '')));
三種結果都是:124…string
2、轉換為數值型
方式 | 說明 | 例項 |
---|---|---|
parseInt() | 將string型轉換成整數 | parseInt(‘88’) |
parseFloat() | 將string型轉換成浮點數(小數) | parseFloat(‘3.14’) |
Number() 強制轉換 | 將string型轉換成數值型 | Number(‘33’) |
隱式轉換 (- * /) | 利用算術運算將其轉換為數值型 | ‘33’ -0 ,‘33’*1 |
console.log(parseInt(num1) + '..' + typeof(parseInt(num1)));
console.log(Number(num1) + '..' + typeof(Number(num1)));
console.log((num1 * 1) + '..' + typeof(num1 * 1));
console.log(parseInt(num2) + '..' + typeof(parseInt(num2)));
console.log(parseFloat(num2) + '..' + typeof(parseFloat(num2)));
執行的結果如下:
一到三條的執行結果,說明parseInt()、Number()、隱式轉換三種方式都可以將整型字串轉換為整型數值。
四五條執行結果,說明parseFloat(),可以將浮點型字串轉換為浮點型數值,而parseInt()能將浮點型字串轉成整型數值(小數點後部分會直接清除,只保留整數部分)
3、轉換為布林型
方式 | 說明 | 例項 |
---|---|---|
Boolean() | 將其他型別轉換成Boolean | Boolean(‘88’) |
‘’、0、NaN、null、undefined 代表空、否定的值會被轉換為 false
總結
時隔一年半,畢業也一年半了,安逸的工作好像已經磨滅了新增曾經的衝勁,現在又繼續撿起曾經丟掉的開發課程,學習前端和後端開發
以上是小楓在學習js的第一天中,感覺應該需要重點記憶的東西,故此記錄,20201209