欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS判斷數(shù)據(jù)類型的常用方法匯總

 更新時(shí)間:2023年06月07日 15:55:45   作者:前端小蜜蜂來也  
判斷數(shù)據(jù)類型是JavaScript面試時(shí)常常遇到的問題,本文為大家總結(jié)了幾種常用的方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下

在搬磚途中看到一大神的代碼,用 Object.prototype.toString.call()判斷數(shù)據(jù)類型,在這里學(xué)習(xí)總結(jié)下,在js中,判斷數(shù)據(jù)類型除了用typeof運(yùn)算符之外,還可以用Object.prototype.toString.call()方法、instanceof操作符。

幾種判斷方法的區(qū)別

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

使用typeof操作符,判斷數(shù)據(jù)類型返回值如下:

    typeof 1 // "number"
    typeof "a" // "string"
    typeof true // "boolean"
    typeof {} // "object"
    typeof [] // "object"
    typeof function(){} // "function"

使用時(shí)的一個(gè)問題是,在判斷數(shù)組和對(duì)象存儲(chǔ)值時(shí),都返回”object”。

Object.prototype上的原生toString()方法判斷數(shù)據(jù)類型

Object.prototype.toString.call()方法既可以判斷基本類型,也可以判斷原生引用類型,還可以判斷原生JSON對(duì)象。

判斷基本類型

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

Object.prototype.toString.call(2);//"[object Number]"
Object.prototype.toString.call("s");//"[object String]"
Object.prototype.toString.call(true);//"[object Boolean]"

判斷空類型

null和undefined。

Object.prototype.toString.call(null);//"[object Null]"
Object.prototype.toString.call(undefined);//"[object Undefined]"

判斷復(fù)合類型

對(duì)象Object、數(shù)組Array、方法Function、日期Date、布爾Boolean、數(shù)字Number、字符串String、正則RegExp、Math。

例如上面例子中的引用類型存儲(chǔ)值就可以使用Object.prototype.toString()方法區(qū)別出來:

Object.prototype.toString.call({});//"[object Object]"
Object.prototype.toString.call([]);//"[object Array]"
Object.prototype.toString.call(function(){});//"[object Function]"
Object.prototype.toString.call(String);//"[object Function]"
var t = new Date();
Object.prototype.toString.call(t);//"[object Date]"
var bb = new Boolean();
Object.prototype.toString.call(bb);//"[object Boolean]"
var bb = new Number();
Object.prototype.toString.call(bb);//"[object Number]"
var str = new String();
Object.prototype.toString.call(str);//"[object String]"
var reg = new RegExp("^1[34578][0-9]{9}$","g");
Object.prototype.toString.call(reg);//"[object RegExp]"
var reg = Math.valueOf();
Object.prototype.toString.call(reg);//"[object Math]"

判斷原生JSON對(duì)象

var isNativeJSON = window.JSON && Object.prototype.toString.call(JSON);
console.log(isNativeJSON);//[object JSON]

判斷自定義類型

function Foo(name,age) {
this.name = name;
this.age = age;
}
var foo =new Foo("harry",20);
Object.prototype.toString.call(foo);//"[object Object]"

遇到的一個(gè)問題是,使用Object.prototype.toString.call()方法不能判斷foo是Foo類的實(shí)例。只能用instanceof來判斷。

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

instanceof作用是判斷原型與實(shí)例之間的關(guān)系。用法是:

instanceof 原型

instanceof操作符會(huì)在實(shí)例的原型鏈上查找,直到找到右邊構(gòu)造函數(shù)的prototype屬性,或者為null的時(shí)候停止。

console.log(foo instanceof Foo);//true

到此這篇關(guān)于JS判斷數(shù)據(jù)類型的常用方法匯總的文章就介紹到這了,更多相關(guān)JS判斷數(shù)據(jù)類型內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論