JS 里的數(shù)據(jù)類型

一.概述

JavaScript 語(yǔ)言的每一個(gè)值,都屬于某一種數(shù)據(jù)類型。JavaScript 的數(shù)據(jù)類型,共有六種。(ES6 又新增了第七種 Symbol 類型的值)

數(shù)值(number):整數(shù)和小數(shù)(比如1和3.14)
字符串(string):文本(比如Hello World)。
布爾值(boolean):表示真?zhèn)蔚膬蓚€(gè)特殊值,即true(真)和false(假)
undefined:表示“未定義”或不存在,即由于目前沒(méi)有定義,所以此處暫時(shí)沒(méi)有任何值
null:表示空值,即此處的值為空。
對(duì)象(object):各種值組成的集合。

通常,數(shù)值、字符串、布爾值這三種類型,合稱為原始類型(primitive type)的值,即它們是最基本的數(shù)據(jù)類型,不能再細(xì)分了。對(duì)象則稱為合成類型(complex type)的值,因?yàn)橐粋€(gè)對(duì)象往往是多個(gè)原始類型的值的合成,可以看作是一個(gè)存放各種值的容器。至于undefined和null,一般將它們看成兩個(gè)特殊值。

對(duì)象是最復(fù)雜的數(shù)據(jù)類型,又可以分成三個(gè)子類型。

狹義的對(duì)象(object)
數(shù)組(array)
函數(shù)(function)

狹義的對(duì)象和數(shù)組是兩種不同的數(shù)據(jù)組合方式。函數(shù)其實(shí)是處理數(shù)據(jù)的方法,JavaScript 把它當(dāng)成一種數(shù)據(jù)類型,可以賦值給變量,這為編程帶來(lái)了很大的靈活性,也為 JavaScript 的“函數(shù)式編程”奠定了基礎(chǔ)。

二.typeof 運(yùn)算符

JavaScript 有三種方法,可以確定一個(gè)值到底是什么類型。

typeof運(yùn)算符
instanceof運(yùn)算符
Object.prototype.toString方法

typeof運(yùn)算符可以返回一個(gè)值的數(shù)據(jù)類型。

三.原始類型

數(shù)值、字符串、布爾值分別返回number、string、boolean。

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"

number類型:

十進(jìn)制:1 ; 1+.1=1.1; 1.23e^2
二進(jìn)制:0b11(0b開(kāi)頭)
八進(jìn)制:011(0開(kāi)頭)
十六進(jìn)制:0x11(0x開(kāi)頭)
輸入的時(shí)候可以以不同進(jìn)制,輸出的時(shí)候默認(rèn)為十進(jìn)制

布爾類型:

布爾值
布爾值代表“真”和“假”兩個(gè)狀態(tài)?!罢妗庇藐P(guān)鍵字true表示,“假”用關(guān)鍵字false表示。布爾值只有這兩個(gè)值。

下列運(yùn)算符會(huì)返回布爾值:

兩元邏輯運(yùn)算符: && (And),|| (Or)
前置邏輯運(yùn)算符: ! (Not)
相等運(yùn)算符:===,!==,==,!=
比較運(yùn)算符:>,>=,<,<=

如果 JavaScript 預(yù)期某個(gè)位置應(yīng)該是布爾值,會(huì)將該位置上現(xiàn)有的值自動(dòng)轉(zhuǎn)為布爾值。轉(zhuǎn)換規(guī)則是除了下面六個(gè)值被轉(zhuǎn)為false,其他值都視為true。

undefined
null
false
0
NaN
""或''(空字符串)

布爾值往往用于程序流程的控制,請(qǐng)看一個(gè)例子。

if ('') {
  console.log('true');
}
// 沒(méi)有任何輸出

上面代碼中,if命令后面的判斷條件,預(yù)期應(yīng)該是一個(gè)布爾值,所以 JavaScript 自動(dòng)將空字符串,轉(zhuǎn)為布爾值false,導(dǎo)致程序不會(huì)進(jìn)入代碼塊,所以沒(méi)有任何輸出。

注意,空數(shù)組([])和空對(duì)象({})對(duì)應(yīng)的布爾值,都是true。

if ([]) {
  console.log('true');
}
// true

if ({}) {
  console.log('true');
}
// true

四.null和undefined類型

undefined返回undefined。

typeof undefined
// "undefined"

利用這一點(diǎn),typeof可以用來(lái)檢查一個(gè)沒(méi)有聲明的變量,而不報(bào)錯(cuò)。

v
// ReferenceError: v is not defined
typeof v
// "undefined"

上面代碼中,變量v沒(méi)有用var命令聲明,直接使用就會(huì)報(bào)錯(cuò)。但是,放在typeof后面,就不報(bào)錯(cuò)了,而是返回undefined。

實(shí)際編程中,這個(gè)特點(diǎn)通常用在判斷語(yǔ)句。

// 錯(cuò)誤的寫法
if (v) {
  // ...
}
// ReferenceError: v is not defined

// 正確的寫法
if (typeof v === "undefined") {
  // ...
}

概述
null與undefined都可以表示“沒(méi)有”,含義非常相似。將一個(gè)變量賦值為undefined或null,老實(shí)說(shuō),語(yǔ)法效果幾乎沒(méi)區(qū)別。

var a = undefined;
// 或者
var a = null;

上面代碼中,變量a分別被賦值為undefined和null,這兩種寫法的效果幾乎等價(jià)。

在if語(yǔ)句中,它們都會(huì)被自動(dòng)轉(zhuǎn)為false,相等運(yùn)算符(==)甚至直接報(bào)告兩者相等。

if (!undefined) {
  console.log('undefined is false');
}
// undefined is false

if (!null) {
  console.log('null is false');
}
// null is false

undefined == null
// true

從上面代碼可見(jiàn),兩者的行為是何等相似!谷歌公司開(kāi)發(fā)的 JavaScript 語(yǔ)言的替代品 Dart 語(yǔ)言,就明確規(guī)定只有null,沒(méi)有undefined!

既然含義與用法都差不多,為什么要同時(shí)設(shè)置兩個(gè)這樣的值,這不是無(wú)端增加復(fù)雜度,令初學(xué)者困擾嗎?這與歷史原因有關(guān)。

1995年 JavaScript 誕生時(shí),最初像 Java 一樣,只設(shè)置了null表示”無(wú)”。根據(jù) C 語(yǔ)言的傳統(tǒng),null可以自動(dòng)轉(zhuǎn)為0。

Number(null) // 0
5 + null // 5

上面代碼中,null轉(zhuǎn)為數(shù)字時(shí),自動(dòng)變成0。

但是,JavaScript 的設(shè)計(jì)者 Brendan Eich,覺(jué)得這樣做還不夠。首先,第一版的 JavaScript 里面,null就像在 Java 里一樣,被當(dāng)成一個(gè)對(duì)象,Brendan Eich 覺(jué)得表示“無(wú)”的值最好不是對(duì)象。其次,那時(shí)的 JavaScript 不包括錯(cuò)誤處理機(jī)制,Brendan Eich 覺(jué)得,如果null自動(dòng)轉(zhuǎn)為0,很不容易發(fā)現(xiàn)錯(cuò)誤。

因此,他又設(shè)計(jì)了一個(gè)undefined。區(qū)別是這樣的:null是一個(gè)表示“空”的對(duì)象,轉(zhuǎn)為數(shù)值時(shí)為0;undefined是一個(gè)表示”此處無(wú)定義”的原始值,轉(zhuǎn)為數(shù)值時(shí)為NaN。

Number(undefined) // NaN
5 + undefined // NaN

用法和含義
對(duì)于null和undefined,大致可以像下面這樣理解。

null表示空值,即該處的值現(xiàn)在為空。調(diào)用函數(shù)時(shí),某個(gè)參數(shù)未設(shè)置任何值,這時(shí)就可以傳入null,表示該參數(shù)為空。比如,某個(gè)函數(shù)接受引擎拋出的錯(cuò)誤作為參數(shù),如果運(yùn)行過(guò)程中未出錯(cuò),那么這個(gè)參數(shù)就會(huì)傳入null,表示未發(fā)生錯(cuò)誤。

undefined表示“未定義”

下面是返回undefined的典型場(chǎng)景。

// 變量聲明了,但沒(méi)有賦值
var i;
i // undefined

// 調(diào)用函數(shù)時(shí),應(yīng)該提供的參數(shù)沒(méi)有提供,該參數(shù)等于 undefined
function f(x) {
  return x;
}
f() // undefined

// 對(duì)象沒(méi)有賦值的屬性
var  o = new Object();
o.p // undefined

// 函數(shù)沒(méi)有返回值時(shí),默認(rèn)返回 undefined
function f() {}
f() // undefined

五.對(duì)象類型

對(duì)象返回object。

typeof window // "object"
typeof {} // "object"
typeof [] // "object"

上面代碼中,空數(shù)組([])的類型也是object,這表示在 JavaScript 內(nèi)部,數(shù)組本質(zhì)上只是一種特殊的對(duì)象。,instanceof運(yùn)算符可以區(qū)分?jǐn)?shù)組和對(duì)象。

var o = {};
var a = [];

o instanceof Array // false
a instanceof Array // true

null返回object。

typeof null // "object"

null的類型是object,這是由于歷史原因造成的。1995年的 JavaScript 語(yǔ)言第一版,只設(shè)計(jì)了五種數(shù)據(jù)類型(對(duì)象、整數(shù)、浮點(diǎn)數(shù)、字符串和布爾值),沒(méi)考慮null,只把它當(dāng)作object的一種特殊值。后來(lái)null獨(dú)立出來(lái),作為一種單獨(dú)的數(shù)據(jù)類型,為了兼容以前的代碼,typeof null返回object就沒(méi)法改變了。

函數(shù)返回function。

function f() {}
typeof f
// "function"

參考:http://javascript.ruanyifeng.com/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第2章 基本語(yǔ)法 2.1 概述 基本句法和變量 語(yǔ)句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,567評(píng)論 0 13
  • 簡(jiǎn)介 JavaScript 語(yǔ)言的每一個(gè)值,都屬于某一種數(shù)據(jù)類型。JavaScript 的數(shù)據(jù)類型,共有七種。 n...
    sxfshdf閱讀 1,014評(píng)論 0 48
  • JS 里的數(shù)據(jù)類型 JavaScript 的數(shù)據(jù)類型,共有六種。 1、數(shù)值(number)2、字符串(string...
    leiuno閱讀 341評(píng)論 0 1
  • 3月17日_星期六_春風(fēng)如同一把剪刀,太陽(yáng)公公遲遲不露臉。 春風(fēng)吹綠了柳樹(shù),吹青了綠油油的小草,吹皺了河水,也吹醒...
    7cec67bfc014閱讀 588評(píng)論 1 3
  • 我知道月餅甜膩,讓人容易長(zhǎng)胖;我明白今天的月亮和往日的月亮比沒(méi)什么大區(qū)別;路依舊是原來(lái)的路,山依舊是同樣的山,...
    瓶邪_a7f1閱讀 222評(píng)論 0 0

友情鏈接更多精彩內(nèi)容