js判斷數(shù)據(jù)類型

GitChat 發(fā)布于2019-08-26 10:34 / 2082人閱讀

摘要：中的數(shù)據(jù)類型變量包含兩種不同的數(shù)據(jù)類型的值基本類型值和引用類型值。對(duì)于引用類型返回均為使用檢測(cè)引用型數(shù)據(jù)類型時(shí)的最佳選擇是因?yàn)楦鶕?jù)規(guī)定，所用引用類型的值都是的實(shí)例，因此都是返回引用類型與基本包裝類型的主要區(qū)別就是對(duì)象的生存期。

javaScript中的數(shù)據(jù)類型

ECMAScript 變量包含兩種不同的數(shù)據(jù)類型的值：基本類型值和引用類型值。 基本數(shù)據(jù)類型指的是簡(jiǎn)單的數(shù)據(jù)段，而引用數(shù)據(jù)類型指那些可能有多個(gè)值組成的對(duì)

基本類型（值類型）

Undefined 在使用var聲明變量但未對(duì)其初始化時(shí)，或者使用了一個(gè)并未聲明的變量時(shí)，又或者使用了一個(gè)并不存在的對(duì)象屬性時(shí)，這個(gè)變量的值就是undefined。

Null 從邏輯上看，null值表示一個(gè)空對(duì)象指針，獨(dú)一無(wú)二。

Boolean true、false

Number NaN，即非數(shù)值（Not a Number）是一個(gè)特殊的數(shù)值，這個(gè)數(shù)值用于表示一個(gè)本來(lái)要返回?cái)?shù)值的操作數(shù)未返回?cái)?shù)值的情況（這樣就不會(huì)拋出錯(cuò)誤了）

String 字符串可以由"" 或 "" 表示。 ES中字符串是不可改變的，也就是說(shuō)，字符串一旦創(chuàng)建，它們的值就不能改變。要改變某個(gè)變量保存的字符串，首先要銷毀原來(lái)的字符串，然后再用另一個(gè)包含新值的字符串填充該變量。

? 這五種基本數(shù)據(jù)類型是按值訪問(wèn)的，因?yàn)榭梢圆僮鞅４嬖谧兞恐械膶?shí)際的值。

復(fù)雜類型（引用類型）

Object 對(duì)象其實(shí)就是一組數(shù)據(jù)和功能的集合。對(duì)象可以通過(guò)new操作符后跟要?jiǎng)?chuàng)建的對(duì)象類型的名稱來(lái)創(chuàng)建。而創(chuàng)建Object的實(shí)例并為其添加屬性和方法，就可以自定義對(duì)象。

Object類型

Array類型

Date類型

RegExp類型

Function類型

? 引用類型的值是保存在內(nèi)存中的對(duì)象。與其他語(yǔ)言不同，js不允許直接訪問(wèn)內(nèi)存中的位置，也就是說(shuō)不能直接操作對(duì)象的內(nèi)存空間。操作對(duì)象時(shí)，實(shí)際上是在操作對(duì)象的引用而不是實(shí)際的對(duì)象。(這種說(shuō)法不太嚴(yán)謹(jǐn)，為對(duì)象添加屬性時(shí)，操作的是實(shí)際的對(duì)象)。

值類型與引用類型的差別

基本類型在內(nèi)存中占據(jù)固定大小的空間，因此被保存在棧內(nèi)存中

從一個(gè)變量向另一個(gè)變量復(fù)制基本類型的值，復(fù)制的是值的副本

引用類型的值是對(duì)象，保存在堆內(nèi)存

包含引用類型值的變量實(shí)際上包含的并不是對(duì)象本身，而是一個(gè)指向該對(duì)象的指針

從一個(gè)變量向另一個(gè)變量復(fù)制引用類型的值的時(shí)候，復(fù)制是引用指針，因此兩個(gè)變量最終都指向同一個(gè)對(duì)象

判斷數(shù)據(jù)類型 使用typeof

檢測(cè)基本數(shù)據(jù)類型的最佳選擇是使用typeof

var bool = true
var num = 1
var str = "abc"
var und = undefined
var nul = null
var arr = [1,2,3]
var obj = {}
var fun = function(){}
var reg = new RegExp()

console.log(typeof bool); //boolean
console.log(typeof num); //number
console.log(typeof str); //string
console.log(typeof und); //undefined
console.log(typeof nul); //object
console.log(typeof arr); //object
console.log(typeof obj); //object
console.log(typeof reg); //object
console.log(typeof fun); //function

由結(jié)果可知，除了在檢測(cè)null時(shí)返回 object 和檢測(cè)function時(shí)放回function。對(duì)于引用類型返回均為object

使用instanceof

檢測(cè)引用型數(shù)據(jù)類型時(shí)的最佳選擇是instanceof

console.log(reg instanceof Object); //true
console.log(reg instanceof RegExp); //true  因?yàn)楦鶕?jù)規(guī)定，所用引用類型的值都是Object的實(shí)例，因此都是返回true

console.log(bool instanceof Boolean);  //false 
var bool2 = new Boolean();
console.log(bool2 instanceof Boolean); //true  引用類型與基本包裝類型的主要區(qū)別就是對(duì)象的生存期。使用new操作符創(chuàng)建的引用類型的實(shí)例，在執(zhí)行流離開(kāi)當(dāng)前作用域之前都是一直保存在內(nèi)存中。而自動(dòng)創(chuàng)建的基本包裝類型的對(duì)象，則只存在于一行代碼的執(zhí)行瞬間，然后立即被銷毀

console.log(und instanceof Object); // false
console.log(nul instanceof Object); // false  undefined和null沒(méi)有contructor屬性

instanceof它不僅檢測(cè)構(gòu)造找個(gè)對(duì)象的構(gòu)造器，還檢測(cè)原型鏈。所以它可以檢測(cè)繼承而來(lái)的屬性。

使用constructor

console.log(bool.constructor === Boolean);// true
console.log(num.constructor === Number);// true
console.log(str.constructor === String);// true
console.log(arr.constructor === Array);// true
console.log(obj.constructor === Object);// true
console.log(fun.constructor === Function);// true

undefined和null沒(méi)有contructor屬性
constructor不能判斷undefined和null，并且使用它是不安全的，因?yàn)閏ontructor的指向是可以改變的 //詳情請(qǐng)了解js對(duì)象的特性

使用Object.prototype.toString.call

console.log(Object.prototype.toString.call(bool));//[object Boolean]
console.log(Object.prototype.toString.call(num));//[object Number]
console.log(Object.prototype.toString.call(str));//[object String]
console.log(Object.prototype.toString.call(und));//[object Undefined]
console.log(Object.prototype.toString.call(nul));//[object Null]
console.log(Object.prototype.toString.call(arr));//[object Array]
console.log(Object.prototype.toString.call(obj));//[object Object]
console.log(Object.prototype.toString.call(fun));//[object Function]

博客參考