JavaScript資料類型

標籤：雙引號   def   設計   javascrip   float   pre   www   www.   包括   

 

JavaScript有六種資料類型，分別為undefined、null、number、string、Boolean、object，前面的五種是基礎資料類型，也稱之為原始類型，也就是無法再細分的基本類型，object則是複雜資料類型，其中通常是不止一種資料類型，除此之外在ES6當中又新增加了一種symbol，表示為唯一的值，這個還沒有搞懂暫時涉及。

undefined：表示還沒有定義
null：表示為‘空‘
number：整數或者小數
string：字串文本
boolean：布爾值，true或者false
object：表示一個對象，索引值對

Undefined與Null

1.當你通過var聲明一個變數並且沒有對這個變數進行初始化的時候，那麼該變數的數值預設為undefined

var a;console.log(a);// undefined

此外當你調用函數的時候沒有傳回值的時候也會預設返回一個undefined

function fn() {}console.log(fn()); // undefined

2.未聲明和未初始化還是有區別的，如下，a未初始化，b則是未聲明,系統會報錯

var a;    console.log(a);// undefinedconsole.log(b);// ReferenceError: b is not defined

3.null表示一個Null 物件的指標，假如你定義一個變數未來將用於存放對象，最好初始化為null

var a = null;

undefined與null的區別在哪裡呢？

我們可以這樣理解，null表示為有內容，而這個內容就是為空白，而undefined表示的為未定義，還沒有想好要放什麼，假設我們面前放著這一張紙張想要畫畫，如果使用null，意思就是這張紙的畫面就是一片空白，而如果使用了undefined則是我放著這一張紙，但是還沒想好畫什麼呢，就先這樣放著吧。

但是如果你使用==來進行對比你會發現返回一個true，並且在if語句的（）當中兩者都會被轉換成false.

Boolean

布爾值只有兩個值：true表示真false表示假，區分大小寫，通常以下情況下會出現布爾值，

邏輯運算子： &&、||、！
運輸符： ==、！=、===、！==、>、>=、<、<=
if語句的（）當中自動轉化為boolean值

此外還可以使用Boolean()來進行轉換，除了undefined、null、false、0、NaN、""或‘‘（Null 字元串）會被轉化為false之外，其餘都會被轉換為truw。

Number

1.JavaScript的所有數字都是以64位浮點數形式儲存，由於二進位浮點數的演算法原因，我們還能看到以下情況

console.log(0.1 + 0.2 ); // false

實際得到的數值是略微大於0.3的，具體可以看這裡

2.除了十進位外還可以表示為八進位、十六進位、二進位

// 八進位：有首碼0的數值，或者有前置0、且只有0-7var num8 = 070; // 56// 十六進位：有首碼0x或0X的數值，有且只有0-9，a-fvar num16 = 0X3e; // 62 // 二進位：有首碼0b或0B的數值,有且只有0,1var num2 = 0B10; // 2

3.number還可以使用科學計數法進行表示

console.log(3e13); // 30000000000000console.log(3e-3); // 0.003

4.JavaScript的Number對象提供可以表示的最大最小是

Number.MAX_VALUE // 1.7976931348623157e+308  2的1024次方Number.MIN_VALUE // 5e-324 2的-1023次方

當你超過之後就會發生溢出，編程Inifinity，如果為負數則是-Inifinity，

5.NaN表示為非數值,當本來要返回數值的操作未返回數值的情況，例如數字同字串的-

console.log(‘a‘ - 10); // NaN

當然要是使用+就不會返回NaN,因為會轉化為字串。

console.log(‘a‘ + 10); // a10

任何同NaN的操作都會返回NaN

console.log(NaN + 10); // NaN

並且NaN同任何值都不相等，包括自身。

console.log(NaN === NaN); // false

6.+0與-0
兩者通常情況下都是相等的，除了作為分母的時候

console.log((1 / +0) === (1 / -0)); // false

7.與數值相關的全域方法有

parseInt（）:用於將字串轉化為整數
parseFloat（）:轉換為浮點數
isNaN（）:是否為非數值
isFinite（）:是否為正常數值

具體轉化規則行查詢文檔，這裡需要注意的是parseInt（）有第二個參數，表示的是被解析字串的進位

parseInt(‘1000‘, 2) // 8parseInt(‘1000‘, 8) // 512

String

1.字串通常用"",‘‘表示，可以在單引號當中放雙引號，反過來也可以，需要注意的是開頭結尾要相同

console.log(‘a string"); // 報錯 nvalid or unexpected token 

2.有一些特殊字元不可以直接在字串當中打出來，需要通過轉義符\才行

\0 ：null（\u0000）
\b ：後退鍵（\u0008）
\f ：換頁符（\u000C）
\n ：分行符號（\u000A）
\r ：斷行符號鍵（\u000D）
\t ：定位字元（\u0009）
\v ：垂直定位字元（\u000B）
‘ ：單引號（\u0027）
" ：雙引號（\u0022）
\ ：反斜線（\u005C）

3.當字串被建立後就不可變（包括數組的length也是不可變），要改變內容只能先銷毀先前的內容。

var lang = ‘java‘;lang = lang + ‘script‘;

上面操作並不是直接在原來的數組直接拼接script字串，而是建立一個新的字串，然後填充javascript之後銷毀先前的兩個字串。

4.字串可以使用數組方括弧方式讀取

var str = ‘this is a string‘;console.log(str[0]); // t

5.toString（）數值、布爾值、對象、字串都有這個方法，詳情看MDN文檔

object

1.對象簡單講就是鍵對值的集合，其中可以包含多種資料類型，包括嵌套對象

var obj = {    num: 123,    str: ‘javascript‘,    bool: false,    otherObj: {}}

2.對象是參考型別，也就是說上面的obj實際上存放的是某個對象的地址，因此，當另一個對象直接等於obj的時候，實際上複製的是對象的地址，因此無論哪個修改都會影響到另一個對象，屬於淺拷貝。

var obj1 = {a: 1}var obj2 = obj1;obj2.a = 3;console.log(obj1.a); // 3

3.屬性的讀取和設定可以使用.點操作符或者[]，數字鍵名不能用.讀取，還需要注意的是方括弧當中屬性名稱需要用""包裹

var obj = {    1: 666,    ‘a_b‘: 777}console.log(obj.1); // 報錯console.log(obj[1]); // 666console.log(obj[a_b]); // 報錯console.log(obj[‘a_b‘]); // 777

屬性的刪除則是使用delete

delete obj.1;

4.想要知道對象當中是否存在某個屬性可以使用in,返回一個布爾值

var obj = {a: 1};‘a‘ in obj // true

使用for in可以遍曆對象全部屬性

for (var i in obj) {  console.log(i);} 

使用這兩個的時候為了避免遍曆到繼承的屬性和方法，應當使用hasOwnProperty()先進行判斷是否為對象本身的屬性方法。

for (var i in obj) {    if (object.hasOwnProperty(i)) {        // ...    }}

5.對象執行個體常用屬性和方法

constructor： 指向建構函式的指標
hasOwnProperty(): 判斷是否對象本身的屬性
toString()：返回對象的字串表示。
valueOf()：返回對象的字串、數值或布爾值表示。

typeof與instanceof

typeof可以用來確定資料類型

console.log(typeof ‘str‘); // stringconsole.log(typeof 123); // numberconsole.log(typeof true); // booleanconsole.log(typeof undefined); // undefinedfunction fn(){};console.log(typeof fn); // functionconsole.log(typeof null); // object

可以看到null返回了一個object，說明null本質是一個對象，一個Null 物件。

對於以上類型typeof夠用了，然而對於複雜的object卻並不夠

console.log(typeof []); //objectconsole.log(typeof {}); //object

這時候需要我們的instanceof了，它會返回一個布爾值，表示的是是否為某個建構函式的執行個體

console.log([] instanceof Array); //trueconsole.log({} instanceof Object); //truevar str = new String();console.log(str instanceof String); //true 

參考

阮一峰JavaScript教程-資料類型

JavaScript進階程式設計 第三章

JavaScript資料類型