jquery有几种判断数据类型的方法?

jquery有几种判断数据类型的方法?下面本篇文章给大家介绍一下JS/jQuery判断数据类型的几种方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

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>

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

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

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

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

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

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

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

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

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

更多web前端自学相关知识,请查阅 HTML中文网 !!

以上就是jquery有几种判断数据类型的方法?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏