1. 程式人生 > 其它 >js中的資料型別及各資料型別轉換

js中的資料型別及各資料型別轉換

技術標籤:jswebjs

一、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 的意思
\\斜槓 \
\’單引號
\“雙引號
\ttab縮排
\bblak 空格

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()將其他型別轉換成BooleanBoolean(‘88’)

‘’、0、NaN、null、undefined 代表空、否定的值會被轉換為 false

總結

時隔一年半,畢業也一年半了,安逸的工作好像已經磨滅了新增曾經的衝勁,現在又繼續撿起曾經丟掉的開發課程,學習前端和後端開發

以上是小楓在學習js的第一天中,感覺應該需要重點記憶的東西,故此記錄,20201209