與眾不同的資料型態


在 JavaScript 中,有基本(Primitive)資料型態、複合(Composite)資料型態,還有兩個特殊的值 nullundefined

基本資料型態包括了數值、字串與布林值,型態名稱分別為 numberstring 與布林值 boolean

在 JavaScript 中,沒有整數與浮點數的區別,數值都是 〈IEEE 754 標準 64 位元浮點數,可表示的數字最小值為 Number.MIN_VALUE(5e- 324),而最大值為 Number.MAX_VALUE(1.7976931348623157e+308)。根 據 〈ECMA Section 8.5 - The Number Type〉,可表達的整數為 -253 到 253 之間,不包含-253 與 253,例如,253,也就是 9007199254740992 不安全,因為你寫下 9007199254740993,結果還是代表著 9007199254740992:

> 9007199254740993
9007199254740992
>

注意位元運算子的結果會是 32 位元有號整數,像是 ~>> 等。

與其他程式語言相同,撰寫數值時要使用數值實字(Number literal),預設是十進位整數,也可以用 0 開頭表示八進位整數,或是用 0x 開頭表示十六進位整數。例如:

10(十進位)
0xFF(十六進位)

若要表示浮點數,則可使用科學記號表示。例如:

3.14
5.231E13(5.231 * 10^13)
1.31E-32(1.31 * 10^-32)

數值有幾個特殊值,例如 +Infinity(或簡單寫為 Infinity)表示 正無限大,-Infinity 表示負無限大。也可以使用 Number.POSITIVE_INFINITY 取得正無限大,Number.NEGATIVE_INFINITY 取得負無限大。另外還有 NaNNumber.NaN 表非數值(Not a Number),例如你嘗試作 1 / 'two' 時,就會出現 NaN 的結果。

注意,NaN 不等於任何值,NaN 也不等於 NaN, 如果你要測試某值結果是否為 NaN,方法之一可以用 isNaN 函式來測試。例如:

> NaN === NaN;
false
> isNaN(NaN);
true
> isNaN(1 / 'two');
true
> 

不過,isNaN 不可靠,如果傳入的數值是 NaN 確實會是 true, 然而,無法轉換至數字的值,具體來說,也就是丟給 Number() 會傳回 NaN 的值,都會讓 isNaN 的結果為 true,像是非數字格式且非空的字串、undefined 等。例如:

> isNaN('caterpillar');
true
> isNaN(undefined);
true
> isNaN('0');
false
>

如果想測試某值是不是 NaN,最好自行撰寫,還好,因為 NaN 是 JavaScript 中唯一自身不等於自身的值,所以可以自己定義一個 isRealNaN 函式:

function isRealNaN(value) {
    return value !== value;
}

console.log(isRealNaN(NaN));           // true
console.log(isRealNaN('caterpillar')); // false
console.log(isRealNaN(undefined));     // false

問題並不會這麼結束,雖然 NaN 代表「Not a Number」,不過,typeof NaN 的結果卻是 'number',這實在很囧:

> typeof NaN;
'number'
> 

當然,在 JavaScript 中,typeof 本身就有些問題,不過,如果你想要檢查值是不是一個有限數字,可以借助 isFinite 函式,它對 NaNInfinity 測試的結果會是 false,不過,isFinite 同樣會將指定的值丟給 Number(),用它的傳回值做檢查,因此,isFinite('15') 的結果會是 true

如果你真的只想檢查一個 number 是否為有限數字,可以自己定義一個 isRealFiniteNumber 函式:

function isRealFiniteNumber(value) {
    return typeof value === 'number' && isFinite(value);
}

console.log(isRealFiniteNumber(NaN));       // false
console.log(isRealFiniteNumber(Infinity));  // false
console.log(isRealFiniteNumber('93'));      // false
console.log(isRealFiniteNumber(93));        // true

在 JavaScript 中,字串是基本資料型態,可使用單引號或雙引號來包括一串文字,用以表示字串。例如:

var str1 = 'text1';
var str2 = "text2";

JavaScript 中沒有字元型態,以單引號或雙引號來包括單一字元,都是字串型態。例如:

> typeof 'A';
'string'
> typeof "B";
'string'
> 

typeof 可以用來測試某資料的型態,會傳回型態的字串描述,例如,對數值使用 typeof 會傳回 'number'。對字串使用則傳回是 'string'。在撰寫字串實字 (String literal)時可使用單引號或雙引號,一般習慣在 JavaScript 程式中採用單引號,而將雙引號保留給 HTML 使用,避免跳脫文字的麻煩。例如:

var html = '<input type="text" value="defalut">';

你可以使用 \uxxxx,指定 Unicode 碼點來表示字串,例如:

> '\u0048\u0065\u006C\u006C\u006F'
'Hello'
> '\uF9F4'
'林'
> '\u54C8\u56C9'
'哈囉'
>

如果字串中的字元不有 0000 ~ FFFF 的範圍之中(也就是 BMP 外的字元),例如高 音譜記號的 1D11E,那麼要分別以高低位元組來表示,也就是 '\uD834\uDD1E'

布林值只有兩個值,truefalse,分別表示真與假,對布林值使用 typeof, 結果會是 'boolean'

複合資料型態就是指物件(object),基本上它們都是 Object 的實例,使用 typeof 測試複合資料型態的結果就是 'object'。例如:

> typeof new Object();
'object'
> typeof {};
'object'
> typeof [];
'object'
> 

[] 建立一個陣列,也就是一個 Array 實例,它當然是一個物件,因此 typeof [] 的結果就是 'object'

null 是 JavaScript 中特殊的值,表示沒有任何東西。應用的時 機就是在變數不參考至任何物件時,可以指定變數為 null,或測試變數是否參考至 null

> var x = null;
undefined
> x === null;
true
> 

如果你想知道某個物件是哪個型態的實例,可以使用 instanceof 來測試。例如:

> var x1 = {};
undefined
> var x2 = [];
undefined
> x1 instanceof Object;
true
> x2 instanceof Object;
true
> x1 instanceof Array;
false
> x2 instanceof Array;
true
> 

null 使用 typeof 的結果會是 'object', 這很怪(只能強記),因為用 instanceof 測試 null 是否為 Object 的實例,結果卻是 false

> typeof null;
'object'
> null instanceof Object;
false
> 

注意!以下的 x 值有參考至一個值,那就是 null,而不是 undefined

var x = null;

以下的 x 才是 undefined

var x;

undefined 是 JavaScript 中特殊的值,當你試圖取得某個 沒指定任何值的變數(也沒指定 null)或特性(Properties)時,就會出現 undefined 的結果。對 undefined 使用 typeof 的結果是 'undefined'。 在 Node.js 中,undefined 會顯示 undefined。

注意,別與直譯錯誤時出現的「未定義」訊息搞錯了,例如,以下的示範中,並沒有事先宣告 x,因此 x 未定義,會發生 ReferenceError 的錯誤:

> var y = x;
ReferenceError: x is not defined
    at repl:1:9
    at REPLServer.self.eval (repl.js:110:21)
    at repl.js:249:20
    at REPLServer.self.eval (repl.js:122:7)
    at Interface.<anonymous> (repl.js:239:12)
    at Interface.EventEmitter.emit (events.js:95:17)
    at Interface._onLine (readline.js:202:10)
    at Interface._line (readline.js:531:8)
    at Interface._ttyWrite (readline.js:760:14)
    at ReadStream.onkeypress (readline.js:99:10)
> 

如果是以下的程式,是可以正確執行的程式碼,xy 的結果都是 undefined

> var x;
undefined
> var y = x;
undefined
> x
undefined
> y
undefined
> 

undefined 本身等於 undefined

> undefined === undefined;
true
>