成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

bang590 / 388人閱讀

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

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

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

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

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

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

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
由結(jié)果可知typeof可以測(cè)試出number、string、boolean、undefined及function，而對(duì)于null及數(shù)組、對(duì)象，typeof均檢測(cè)出為object，不能進(jìn)一步判斷它們的類型。
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
從結(jié)果中看出instanceof不能區(qū)別undefined和null，而且對(duì)于基本類型如果不是用new聲明的則也測(cè)試不出來，對(duì)于是使用new聲明的類型，它還可以檢測(cè)出多層繼承關(guān)系。
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，并且使用它是不安全的，因?yàn)閏ontructor的指向是可以改變的
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]
原理(摘自高級(jí)程序設(shè)計(jì)3)：在任何值上調(diào)用 Object 原生的 toString() 方法，都會(huì)返回一個(gè) [object NativeConstructorName] 格式的字符串。每個(gè)類在內(nèi)部都有一個(gè) [[Class]] 屬性，這個(gè)屬性中就指定了上述字符串中的構(gòu)造函數(shù)名。
但是它不能檢測(cè)非原生構(gòu)造函數(shù)的構(gòu)造函數(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()內(nèi)部原理就是用的Object.prototype.toString.call()

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/95374.html

相關(guān)文章

  • js筆記內(nèi)容

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

    n7then 評(píng)論0 收藏0

  • js中對(duì)數(shù)據(jù)類型的總結(jié)及判斷數(shù)據(jù)類型的各種方法及優(yōu)缺點(diǎn)

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

    voyagelab 評(píng)論0 收藏0

  • 原生JS大揭秘—數(shù)據(jù)類型

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

    luck 評(píng)論0 收藏0

  • 分析 JavaScript 的數(shù)據(jù)類型與變量

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

    Mike617 評(píng)論0 收藏0

  • JS 中的類型判斷

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

    ChanceWong 評(píng)論0 收藏0

  • js數(shù)據(jù)類型和判斷數(shù)據(jù)類型的方法

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

    whidy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<