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

bang590 發(fā)布于2019-08-22 17:59 / 381人閱讀

摘要：一中數(shù)據(jù)類型基本數(shù)據(jù)類型復雜數(shù)據(jù)類型二判斷數(shù)據(jù)類型下面將對如下數(shù)據(jù)進行判斷它們的類型使用由結果可知可以測試出及，而對于及數(shù)組對象，均檢測出為，不能進一步判斷它們的類型。但是它不能檢測非原生構造函數(shù)的構造函數(shù)名。

一、JS中數(shù)據(jù)類型

基本數(shù)據(jù)類型（Undefined、Null、Boolean、Number、String）

復雜數(shù)據(jù)類型（Object）

二、判斷數(shù)據(jù)類型

下面將對如下數(shù)據(jù)進行判斷它們的類型

var bool = true
var num = 1
var str = "abc"
var und = undefined
var nul = null
var arr = [1,2,3]
var obj = {name:"haoxl",age:18}
var fun = function(){console.log("I am a function")}

1.使用typeof

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 fun);//function

由結果可知typeof可以測試出number、string、boolean、undefined及function，而對于null及數(shù)組、對象，typeof均檢測出為object，不能進一步判斷它們的類型。

2.使用instanceof

console.log(bool instanceof Boolean);// false
console.log(num instanceof Number);// false
console.log(str instanceof String);// false
console.log(und instanceof Object);// false
console.log(arr instanceof Array);// true
console.log(nul instanceof Object);// false
console.log(obj instanceof Object);// true
console.log(fun instanceof Function);// true

var bool2 = new Boolean()
console.log(bool2 instanceof Boolean);// true

var num2 = new Number()
console.log(num2 instanceof Number);// true

var str2 = new String()
console.log(str2 instanceof String);//  true

function Person(){}
var per = new Person()
console.log(per instanceof Person);// true

function Student(){}
Student.prototype = new Person()
var haoxl = new Student()
console.log(haoxl instanceof Student);// true
console.log(haoxl instanceof Person);// true

從結果中看出instanceof不能區(qū)別undefined和null，而且對于基本類型如果不是用new聲明的則也測試不出來，對于是使用new聲明的類型，它還可以檢測出多層繼承關系。

3.使用constructor

undefined和null沒有contructor屬性

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

console.log(haoxl.constructor === Student);// false
console.log(haoxl.constructor === Person);// true

constructor不能判斷undefined和null，并且使用它是不安全的，因為contructor的指向是可以改變的

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

function Person(){}
function Student(){}
Student.prototype = new Person()
var haoxl = new Student()
console.log(Object.prototype.toString.call(haoxl));//[object Object]

原理(摘自高級程序設計3)：在任何值上調用 Object 原生的 toString() 方法，都會返回一個 [object NativeConstructorName] 格式的字符串。每個類在內部都有一個 [[Class]] 屬性，這個屬性中就指定了上述字符串中的構造函數(shù)名。
但是它不能檢測非原生構造函數(shù)的構造函數(shù)名。

5.使用jquery中的$.type

console.log($.type(bool));//boolean
console.log($.type(num));//number
console.log($.type(str));//string
console.log($.type(und));//undefined
console.log($.type(nul));//null
console.log($.type(arr));//array
console.log($.type(obj));//object
console.log($.type(fun));//function

function Person(){}
function Student(){}
Student.prototype = new Person()
var haoxl = new Student()
console.log($.type(haoxl));//object

$.type()內部原理就是用的Object.prototype.toString.call()

GPU云服務器云服務器 js 數(shù)據(jù)類型判斷 js 判斷數(shù)據(jù)類型 js數(shù)據(jù)類型判斷 js判斷數(shù)據(jù)類型

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95374.html

js筆記內容

摘要：定義運算符用來判斷一個構造函數(shù)的屬性所指向的對象是否存在另外一個要檢測對象的原型鏈上，用于引用類型。但其實，實例的來自于構造函數(shù)的。一、關于css 樣式優(yōu)先級：行內樣式>id選擇器樣式>類選擇器樣式>標簽選擇器樣式>通配符選擇器的樣式>繼承樣式>默認樣式二、關于js 關于問題：**JavaScript中的所有事物都是對象？？** 從typeof和instanceo...

n7then 2019-08-23 14:46 評論0 收藏0
js中對數(shù)據(jù)類型的總結及判斷數(shù)據(jù)類型的各種方法及優(yōu)缺點

摘要：最常見的判斷方法它的官方解釋操作符返回一個字符串，表示未經(jīng)計算的操作數(shù)的類型。另外，是判斷對象是否屬于某一類型，而不是獲取的對象的類型。多個窗口意味著多個全局環(huán)境，不同的全局環(huán)境擁有不同的全局對象，從而擁有不同的內置類型構造函數(shù)。 js中的數(shù)據(jù)類型 js中只有六種原始數(shù)據(jù)類型和一個Object: Boolean Null Undefined Number String Symbol ...

voyagelab 2019-08-22 16:26 評論0 收藏0
原生JS大揭秘—數(shù)據(jù)類型

摘要：中九個內置對象在規(guī)范中定義了六種數(shù)據(jù)類型其中原始值類型有種，引用類型有種一有包裝對象數(shù)值型，包括整形和浮點型其中都是類型二有包裝對象字符串類型，有兩種表示方式，雙引號單引號。方法可以將任意類型數(shù)據(jù)轉成字符串。 JS中九個內置對象 showImg(https://segmentfault.com/img/bV6iZG?w=481&h=411); 在ECMAScript規(guī)范（ES5）中定義...

luck 2019-08-26 11:40 評論0 收藏0
分析 JavaScript 的數(shù)據(jù)類型與變量

摘要：基本數(shù)據(jù)類型在中，基本數(shù)據(jù)類型有種，即數(shù)值字符串布爾值。兩個布爾值轉為數(shù)值進行比較。對于對象和布爾值，調用它們的方法得到對應的字符串值，然后進行字符串相加。減法對于字符串布爾值或者，自動調用，轉換結果若為，那么最終結果為。這篇文章，來聊聊 JS 中的數(shù)據(jù)類型與變量。這是在學習 JS 時最基礎的一類問題，但卻很重要。希望我的分享有幫助到你。文章開頭，我先提幾個面試中遇到的問題：比如...

Mike617 2019-08-23 13:13 評論0 收藏0
JS 中的類型判斷

摘要：和這三種基本的數(shù)據(jù)類型，都有對應的引用包裝類型和。應用于引用類型的判斷，所以對于這三類基本類型沒有什么意義。 JS 中的類型判斷 js中的數(shù)據(jù)類型基本數(shù)據(jù)類型 undefined、number、string、boolean 引用數(shù)據(jù)類型 null、Object、Number、String、Boolean、Function、Array、Date、RegExp、Error、Argumen...

ChanceWong 2019-08-20 12:16 評論0 收藏0
js數(shù)據(jù)類型和判斷數(shù)據(jù)類型的方法

摘要：基本數(shù)據(jù)類型引用類型判斷數(shù)據(jù)類型的方法判斷中的數(shù)據(jù)類型有一下幾種方法接下來主要比較一下這幾種方法的異同。通常情況下用判斷就可以了，遇到預知類型的情況可以選用或方法實在沒轍就使用方法。基本數(shù)據(jù)類型：String、Number、Boolean、Symbol、undefined、Null引用類型：Object Array Function 判斷數(shù)據(jù)類型的方法：判斷js中的數(shù)據(jù)類型有一...

whidy 2019-08-02 15:13 評論0 收藏0