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

来源:互联网 发布:银行程序员招聘要求 编辑:程序博客网 时间:2024/06/05 02:28

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'))  // trueconsole.log(iphone.hasOwnProperty('age'))   // trueconsole.log(iphone.hasOwnProperty('address'))  // trueconsole.log(iphone.hasOwnProperty('home'))  //false</script>

jQuery提供判断数据类型的一些方法:

以下方法对参数进行判断,返回一个布尔值。

jQuery.isArray():是否为数组。

jQuery.isEmptyObject():是否为空对象(不含可枚举的属性)。

jQuery.isFunction():是否为函数。

jQuery.isNumeric():是否为数字。

jQuery.isPlainObject():是否为使用“{}”或“new Object”生成的对象,而不是浏览器原生提供的对象。

jQuery.isWindow():是否为window对象。

jQuery.isXMLDoc():判断一个DOM节点是否处于XML文档之中。

原创粉丝点击