js中檢測數(shù)據(jù)類型的方法

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

一床牧、typeof方法

1计寇、可以判斷數(shù)據(jù)類型,它返回表示數(shù)據(jù)類型的字符串(返回結果只包括number,boolean,string,function,object,undefined);

2博脑、可以使用typeof判斷變量是否存在(如if(typeof a!=“undefined”){…})添履;

3屁倔、Typeof 運算符的問題是無論引用的對象是什么類型 它都返回object

<script>
    console.log(
        typeof 100, //"number"
        typeof 'abc', //"string"
        typeof false, //"boolean"
        typeof undefined, //"undefined"
        typeof null, //"object"
        typeof [1, 2, 3], //"object"
        typeof {
            a: 1,
            b: 2,
            c: 3
        }, //"object"
        typeof function() {
            console.log('aaa');
        }, //"function"
            )
</script>

運行結果


typeof.png

二、instanceof方法

一般用來檢測引用數(shù)據(jù)類型暮胧,表達式為:A instanceof B锐借,判斷A是否是B的實例,如果 A 是 B 的實例往衷,則返回 true,否則返回 false钞翔,由構造類型判斷出數(shù)據(jù)類型

注意:instanceof主要用于區(qū)分引用數(shù)據(jù)類型,檢測方法是檢測的類型在當前實例的原型鏈上席舍,不太適合用于簡單數(shù)據(jù)類型的檢測

<script>
    console.log(
        100 instanceof Number, //false
        'dsfsf'
        instanceof String, //false
        false instanceof Boolean, //false
        undefined instanceof Object, //false
        null instanceof Object, //false
        [1, 2, 3] instanceof Array, //true
        {
            a: 1,
            b: 2,
            c: 3
        }
        instanceof Object, //true
        function() {
            console.log('aaa');
        }
        instanceof Function, //true
        /^[a-zA-Z]{5,20}$/
        instanceof RegExp, //true
    )
//注意: instanceof 后面一定要是對象類型布轿,大小寫不能寫錯,該方法適用于一些條件選擇或分支
</script>

運行結果


instanceof.png

三、constructor方法

用于檢測引用數(shù)據(jù)類型汰扭,檢測方法是獲取實例的構造函數(shù)判斷和某個類是否相同稠肘,如果相同則返回true,就說明該數(shù)據(jù)是符合那個數(shù)據(jù)類型的东且,這種方法不會把原型鏈上的其他類也加入進來启具,避免了原型鏈的干擾。

注意:undefined和null沒有constructor屬性珊泳,無法判斷鲁冯。

<script>
    var num = 123;
        var str = 'abcdef';
        var bool = true;
        var arr = [1, 2, 3, 4];
        var obj = {
            name: 'wenzi',
            age: 25
        };
        var fn = function() {
            console.log('this is function');
        }
        var und = undefined;
        var nul = null;
        var reg = /^[a-zA-Z]{5,20}$/;

        // undefined和null沒有constructor屬性
        console.log(
            num.constructor == Number, //true
            str.constructor == String, //true
            bool.constructor == Boolean, //true
            arr.constructor == Array, //true
            obj.constructor == Object, //true
            fn.constructor == Function, //true
            reg.constructor == RegExp, //true
        );
</script>

運行結果


constructor.png

四、Object.prototype.toString.call()方法

適用于所有類型的判斷檢測色查,檢測方法是Object.prototype.toString.call(數(shù)據(jù)) 返回的是該數(shù)據(jù)類型的字符串薯演。

使用Object.prototype.toString.call()的方式來判斷一個變量的類型是最準確的方法。

<script>
    var toString = Object.prototype.toString;
        console.log(
            toString.call(123), //"[object Number]"
            toString.call('abcdef'), //"[object String]"
            toString.call(true), //"[object Boolean]"
            toString.call([1, 2, 3, 4]), //"[object Array]"
            toString.call({
                name: 'wenzi',
                age: 25
            }), //"[object Object]"
            toString.call(function() {
                console.log('this is function');
            }), //"[object Function]"
            toString.call(undefined), //"[object Undefined]"
            toString.call(null), //"[object Null]"
            toString.call(/^[a-zA-Z]{5,20}$/), //"[object RegExp]"
        )
</script>

運行結果


Object.prototype.toString .png

歡迎各位大佬批評指正秧了!一起交流跨扮!

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市验毡,隨后出現(xiàn)的幾起案子衡创,更是在濱河造成了極大的恐慌,老刑警劉巖晶通,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件璃氢,死亡現(xiàn)場離奇詭異,居然都是意外死亡狮辽,警方通過查閱死者的電腦和手機一也,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來喉脖,“玉大人椰苟,你說我怎么就攤上這事∈鬟矗” “怎么了舆蝴?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長题诵。 經(jīng)常有香客問我须误,道長,這世上最難降的妖魔是什么仇轻? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮奶甘,結果婚禮上篷店,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好疲陕,可當我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布方淤。 她就那樣靜靜地躺著,像睡著了一般蹄殃。 火紅的嫁衣襯著肌膚如雪携茂。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天诅岩,我揣著相機與錄音讳苦,去河邊找鬼。 笑死吩谦,一個胖子當著我的面吹牛鸳谜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播式廷,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼咐扭,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了滑废?” 一聲冷哼從身側響起蝗肪,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蠕趁,沒想到半個月后薛闪,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡妻导,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年逛绵,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片倔韭。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡术浪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出寿酌,到底是詐尸還是另有隱情胰苏,我是刑警寧澤,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布醇疼,位于F島的核電站硕并,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏秧荆。R本人自食惡果不足惜倔毙,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望乙濒。 院中可真熱鬧陕赃,春花似錦卵蛉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至诉儒,卻和暖如春葡缰,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背忱反。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工泛释, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人缭受。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓胁澳,卻偏偏與公主長得像,于是被迫代替她去往敵國和親米者。 傳聞我的和親對象是個殘疾皇子韭畸,可洞房花燭夜當晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容