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

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

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

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

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

基本類型（值類型）

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

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

Boolean true、false

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

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

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

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

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

Object類型

Array類型

Date類型

RegExp類型

Function類型

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

值類型與引用類型的差別

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

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

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

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

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

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

檢測基本數(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é)果可知，除了在檢測null時返回 object 和檢測function時放回function。對于引用類型返回均為object

使用instanceof

檢測引用型數(shù)據(jù)類型時的最佳選擇是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ū)別就是對象的生存期。使用new操作符創(chuàng)建的引用類型的實(shí)例，在執(zhí)行流離開當(dāng)前作用域之前都是一直保存在內(nèi)存中。而自動創(chuàng)建的基本包裝類型的對象，則只存在于一行代碼的執(zhí)行瞬間，然后立即被銷毀

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

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

使用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沒有contructor屬性
constructor不能判斷undefined和null，并且使用它是不安全的，因?yàn)閏ontructor的指向是可以改變的 //詳情請了解js對象的特性

使用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]

博客參考