zoukankan      html  css  js  c++  java
  • JS判定数据类型

    1.typeof
                    我们能够使用typeof判断变量的身份,判断字符串得到string,数字和NaN得到number,函数会得到function等,但是判断数组,对象和null时都会得到object,详细请看js数据类型,这就是typeof的局限性,并不能准确的判断该变量的"真实身份"。那如何判断一个变量是数组还是对象?

            2.instanceof
                    使用instanceof可以用来判断一个变量是数组还是对象,原理如下:
                    数组也是对象的一种,使用instanceof都会返回true
                var arr = new Array();
                var arr = ['aa','bb','cc'];
        var obj = {
        a: 'aa',
        b: 'bb',
        c: 'cc'
        };
        console.log(arr instanceof Array); //true
        console.log(arr instanceof Object); //true
        console.log(obj instanceof Array); //false
        console.log(obj instanceof Object); //true
                    明确说一下instanceof是如何判断的:

                        instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性,意思就是该变量通过原型链上能否找到构造函数的prototype 属性,还不清楚原型链的请看原型链

                        所以就能明白为什么instanceof判断一个变量可以分清楚它到底是数组还是对象:

                Array.prototype === arr.__proto__
        Object.prototype === arr.__proto__.__proto__
                        因为arr的原型链上存在Array.prototype和Object.prototype
                        只有Array类型的变量才会满足arr instanceof Array和arr instanceof Object都返回true,
                        也只有Object类型变量才满足obj instanceof Array返回false,obj instanceof Object返回true
                        

            3.constructor
            var arr = ['aa','bb','cc'];
    var obj = {
    'a': 'aa',
    'b': 'bb',
    'c': 'cc'
    };
    console.log(arr.constructor === Array); //true
    console.log(arr.constructor === Object); //false
    console.log(obj.constructor === Object); //true

             4.Object.prototype.toString.call()
                    Object.prototype.toString.call()方法可以精准判断变量类型,它返回[object constructorName]的字符串格式,这里的constructorName就是call参数的函数名
            var a = NaN;
    var b= '222';
    var c = null;
    var d = false;
    var e = undefined;
    var f = Symbol();
    var arr = ['aa','bb','cc'];
    var obj = {
    'a': 'aa',
    'b': 'bb',
    'c': 'cc'
    };
            var res = Object.prototype.toString.call(arr);
    console.log(res); //[object Array]
    var res2 = Object.prototype.toString.call(obj);
    console.log(res2); //[object Object]
    var res3 = Object.prototype.toString.call(a);
    console.log(res3); //[object Number]
    var res4 = Object.prototype.toString.call(b);
    console.log(res4); //[object String]
    var res4 = Object.prototype.toString.call(c);
    console.log(res4); //[object Null]
    var res5 = Object.prototype.toString.call(d);
    console.log(res5); //[object Boolean]
    var res6 = Object.prototype.toString.call(e);
    console.log(res6); //[object Undefined]
    var res7 = Object.prototype.toString.call(f);
    console.log(res7); //[object Symbol]


    原文:https://blog.csdn.net/yucihent/article/details/79652913

  • 相关阅读:
    struts2简介
    HDU 2842 Chinese Rings(矩阵高速功率+递归)
    Cocos2d-X中国象棋的发展《五岁以下儿童》摆棋
    【Python注意事项】如何理解python中间generator functions和yield表情
    [CSS] Design for Mobile First with Tachyons
    [Angular] Configurable NgModules
    [Angular] Using useExisting provider
    [Angular] Providers and useFactory
    [Angular] Using InjectionToken
    [Angular] Test Directive
  • 原文地址:https://www.cnblogs.com/kefeiGame/p/11088744.html
Copyright © 2011-2022 走看看