淺談Javascript數(shù)據(jù)類型

avaScript原始數(shù)據(jù)類型包括有object，null，undefined，boolean，number，string。

symbol從ES2015開始可用，bigint從ES2020開始可用。其中object是一個復(fù)雜的數(shù)據(jù)類型。

JavaScript是一種動態(tài)類型語言。這意味著變量不與類型相關(guān)聯(lián)。換句話說，一個變量可以保存不同類型的值。

例如在下面的type.js文件中，counter變量初始化的值是120，之后被賦值為布爾值false ，然后又被賦值為字符串foo，

let counter = 120; // counter is a number
counter = false;   // counter is now a boolean
counter = "foo";   // counter is now a string

如果你需要知道當(dāng)前變量存儲的值類型，可以使用javascript的typeof運(yùn)算符，獲得變量的數(shù)據(jù)類型。

let counter = 120;
console.log(typeof(counter)); // "number"


counter = false; 
console.log(typeof(counter)); // "boolean"


counter = "Hi";
console.log(typeof(counter)); // "string"

undefined 未定義

undefined類型是只有一個原始類型的值undefined。默認(rèn)情況下，當(dāng)一個變量被聲明但未初始化時，它被賦值為undefined。

在下面的示例中，我們在第一行聲明一個變量counter。由于counter尚未初始化，因此為其分配的值是undefined。counter的類型也是undefined。

值得注意的是，當(dāng)您使用尚未聲明的變量時，typeof運(yùn)算符也會返回undefined。

let counter;
console.log(counter);        // undefined
console.log(typeof counter); // undefined

null 空類型

null類型是第二種原始數(shù)據(jù)類型，也只有一個值null。

當(dāng)你在瀏覽器的控制臺運(yùn)行代碼typeof null時，代碼將會返回一個對象。這是一個在Javascript的bug。

雖然有人曾經(jīng)提出過修復(fù)此錯誤，但被拒絕。原因是修復(fù)此Bug會破壞許多現(xiàn)有站點(diǎn)。

在JavaScript數(shù)據(jù)類型null是等于undefined的，因為在Javascript的null值是等于布爾值false，undefined也是如此。

let obj = null;
console.log(typeof obj); // object
console.log(null == undefined); // true

number 數(shù)值類型

JavaScript使用用number類型來表示整數(shù)和浮點(diǎn)數(shù)。下面的語句聲明一個變量并用一個整數(shù)初始化它的值。要表示浮點(diǎn)數(shù)，請包含一個小數(shù)點(diǎn)，后跟至少一個數(shù)字。

如果數(shù)字看起來是整數(shù)，例如代碼let price = 200.00;，JavaScript會自動將浮點(diǎn)數(shù)轉(zhuǎn)換為整數(shù)。

原因是Javascript總是希望使用更少的內(nèi)存，因為浮點(diǎn)值使用的內(nèi)存是整數(shù)值的兩倍。

如果要獲取數(shù)值類型的范圍，可以打開瀏覽器控制臺運(yùn)行代碼Number.MIN_VALUE獲取最小值和運(yùn)行代碼Number.MAX_VALUE獲取最大值。

let num = 100;
let price= 12.5;
let discount = 0.05;

NaN 非數(shù)值類型

NaN代表非數(shù)值。它是一個特殊的數(shù)值，表示一個無效的數(shù)字。當(dāng)強(qiáng)制轉(zhuǎn)換字符串為值時，它會返回NaN。

NaN有兩個特點(diǎn)。第一特點(diǎn)是所有與NaN的運(yùn)算都會返回NaN ，例如代碼console.log(NaN/2);。

第二個特點(diǎn)是NaN不等于任何值，包括它自己本省，例如代碼console.log(NaN == NaN);。

console.log('a'/2); // NaN;
console.log(NaN/2); // NaN
console.log(NaN == NaN); // false

string 字符串類型

在JavaScript，字符串是零個或多個字符的序列。字符串文字以單引號 '或雙引號 " 開始和結(jié)束。

以雙引號開頭的字符串必須以雙引號結(jié)尾。同樣，以單引號開頭的字符串也必須以單引號結(jié)尾。

如果要在字符串中使用單引號或雙引號，則需要使用反斜杠對其進(jìn)行轉(zhuǎn)義。例如代碼let message = 'I\\'m also a valid string';

JavaScript字符串是不可變的。這意味著它一旦創(chuàng)建就無法修改。但是，您可以從現(xiàn)有字符串創(chuàng)建新字符串。

在string.js例子中首先，聲明str變量并將其初始化為'JavaScript'。其次，使用加號運(yùn)算符組合'JavaScript'與' String'，使其值成功為'Javascript String'。

在幕后，JavaScript引擎創(chuàng)建一個新字符串來保存'JavaScript String'并銷毀原始字符串'JavaScript'和'String'。

let str = 'JavaScript';
str = str + ' String';

boolean 布爾類型

布爾值類型有兩個字面值，分別是true和false。下面的示例聲明了兩個保存布爾值的變量。

JavaScript允許將其他類型的值轉(zhuǎn)換為布爾值的true或false。要將另一種數(shù)據(jù)類型的值轉(zhuǎn)換為布爾值，請使用Boolean()函數(shù)。

確切的說Boolean()不是函數(shù)，它是一個對象，用于創(chuàng)建布爾值，Boolean接受一個參數(shù)，并將指定的參數(shù)轉(zhuǎn)換為布爾值。

let inProgress = true;
let completed = false;


console.log(typeof completed); // boolean
console.log(Boolean('Hi'));// true
console.log(Boolean(''));  // false


console.log(Boolean(20));  // true
console.log(Boolean(Infinity));  // true
console.log(Boolean(0));  // false


console.log(Boolean({foo: 100}));  // true on non-empty object
console.log(Boolean(null));// false

symbol 符號類型

JavaScript在ES6中添加了一個原始類型符號symbol。與其他原始類型不同，symbol符號類型沒有文字形式。

要創(chuàng)建符號，請調(diào)用函數(shù)Symbol，每次調(diào)用符號函數(shù)都會創(chuàng)建一個新的唯一值。

symbol值可以作為對象屬性的標(biāo)識符，通常使用它來創(chuàng)建對象的私有屬性與方法數(shù)據(jù)類型僅有的目的。

let s1 = Symbol();
console.log(Symbol() == Symbol()); // false

bigint 類型

**BigInt 是一種內(nèi)置對象，它提供了一種方法來表示大于2 ^53^ –1的整數(shù)。這原本是 Javascript中可以用Number表示的最大數(shù)字。 BigInt**可以表示任意大的整數(shù)。

它在某些方面類似于Number，但是也有幾個不同點(diǎn)，不能用于Math對象中的方法。

不能和任何Number實例混合運(yùn)算，兩者必須轉(zhuǎn)換成同一種類型。在兩種類型來回轉(zhuǎn)換時要小心，因為BigInt變量在轉(zhuǎn)換成Number變量時可能會丟失精度。

要創(chuàng)建bigint數(shù)字可以在一個整數(shù)的后面加追加字母n ，例如10n，或者調(diào)用函數(shù) BigInt()并傳遞一個整數(shù)值或著是字符串的數(shù)字。

如果傳遞的是字符串的數(shù)字， BigInt() 將會強(qiáng)制轉(zhuǎn)換字符串類型為數(shù)值。

const theBiggestInt = 9007199254740991n;


const alsoHuge = BigInt(9007199254740991);

object 對象類型

在JavaScript，對象是屬性的集合，每個屬性都定義為鍵值對。對象的屬性名稱可以是任何字符串或者符號symbol的值。

如果屬性名稱不是有效標(biāo)識符，您可以在屬性名稱周圍使用引號。例如，如果對象的屬性名稱是full-name，則必須將其放在引號中。

對象的屬性不僅可以保存簡單值，也可以保存復(fù)雜的數(shù)據(jù)類型對象。

let contact = {
    firstName: 'web',
    lastName: 'myfreax',
    'full-name':'web@myfreax'
    email: 'web@myfreax.com',
    phone: '408555-9999',
    address: {
        building: '4000',
        street: 'North 1st street',
        city: 'San Jose',
        state: 'CA',
        country: 'USA'
    }
}

要訪問對象的屬性，您可以使用點(diǎn)符號. 或者類似數(shù)組的符號[]。當(dāng)要訪問屬性嵌套的對象時，也可以繼續(xù)使用點(diǎn)符號.訪問嵌套的屬性。

如果你訪問一個不存在的屬性，你會得到一個未定義的值。

console.log(contact.firstName);
console.log(contact.lastName);
console.log(contact.age); // undefined
console.log(contact['phone']); // '(408)-555-9999'
console.log(contact['email']); // 'web@myfreax'
console.log(contact['address']['building']); // '4000'
console.log(contact.address.building); // '4000'

結(jié)論

JavaScript的基本類型是number、string、boolean、null、undefined和symbol以及bigint和復(fù)雜類型對象object。