JS/jQuery判断数据类型的几种方式-蒲公英云

JS/jQuery判断数据类型的几种方式

蔚落 2021-12-19 02:41 456阅读 0赞

JavaScript提供判断数据类型的一些方法：
方法一：typeof；

方法二：tostring.call();

方法三：Instanceof 和 constructor；

方法四：hasOwnProperty；

代码例子如下：

<script>
                var str = 'aaaa';
                var num = 123;
                var fun = function () {};
                var arr = [];
                function Person() {};
                function Food() {};
                var xiaoming = new Person();
                var bananer = new Food();
                var time = new Date();
                // 方法一 typeof
                console.log("方法一 typeof")
                console.log(typeof fun);  // function
                console.log(typeof arr);  // object
                console.log(typeof xiaoming);  // object
                /*缺点 ： 实例对象和数组返回的都是object，没有办法区分。*/
                // 方法二 tostring.call();
                console.log("方法二 tostring.call();")
                console.log(toString.call(arr)); // [object Array]
                console.log(toString.call(xiaoming)); // [[object Object]]
                console.log(toString.call(time)); // [object Date]
                console.log(toString.call(str)); // [object String]
            　　// 相比typeof来说，对象的类型更加的清晰
                // 方法三 Instanceof 和 constructor
                /*用于检测某个实例对象是由哪个构造函数创建出来的*/
                console.log('方法三 Instanceof 和 constructor')
                console.log(bananer.constructor); //function Food() {}
                console.log(xiaoming.constructor);  // function Person() {}
                console.log(bananer instanceof Person); // false
                console.log(bananer instanceof Food);   // true
               // 方法四 hasOwnProperty  判断某个属性是不是对象自身的属性
               var iphone = {
                   name:'iphone',
                   age:100,
                   address:{home:'江苏',current:'北京昌平'}
               }
            console.log(iphone.hasOwnProperty('name'))  // true
            console.log(iphone.hasOwnProperty('age'))   // true
            console.log(iphone.hasOwnProperty('address'))  // true
            console.log(iphone.hasOwnProperty('home'))  //false
            </script>