zoukankan      html  css  js  c++  java
  • 如何判断js中的数据类型

    typeof、instanceof、 constructor、 prototype方法比较

    1. 使用typeof操作符。

      对一个值使用 typeof 操作符可能返回下列某个字符串,返回的类型都是字符串形式。

      (1) undefined:如果这个值未定义

      (2) boolean:如果这个值是布尔值

      (3) string:如果这个值是字符串

      (4) number:如果这个值是数值

      (5) object:如果这个值是对象null

      (6) function:如果这个值是函数

      需要注意:typeof不适合用于判断是否为数组。当使用typeof判断数组和对象的时候,都会返回object。

           可以使用isArray()来判断是否为数组。

    2. instanceof

      instanceof 运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。需要区分大小写。

      简单的来说,instanceof 用于判断一个变量是否某个对象的实例。

      例:var arr = new Array( );

        alert(arr instanceof Array);   // 返回true

      需要注意的是,instanceof只能用来判断对象和函数,不能用来判断字符串和数字等。判断它是否为字符串和数字时,只会返回false。

     3. constructor

      constructor 属性返回对创建此对象的数组函数的引用。

      在JavaScript中,每个具有原型的对象都会自动获得constructor属性。

      例:

      以下代码中的[native code],表示这是JavaScript的底层内部代码实现,无法显示代码细节。  

    // String
    var str = "字符串";
    alert(str.constructor); // function String() { [native code] }
    alert(str.constructor === String); // true
    
    // Array
    var arr = [1, 2, 3];
    alert(arr.constructor); // function Array() { [native code] }
    alert(arr.constructor === Array); // true
    
    // Number
    var num = 5;
    alert(num.constructor); // function Number() { [native code] }
    alert(num.constructor === Number); // true

    4. prototype

      以上三种方法多少都会有一些不能判断的情况。为了保证兼容性,可以通过Object.prototype.toString方法,判断某个对象值属于哪种内置类型。

      需要注意区分大小写。

    alert(Object.prototype.toString.call(“字符串”) === ‘[object String]’) -------> true;
    alert(Object.prototype.toString.call(123) === ‘[object Number]’) -------> true;
    alert(Object.prototype.toString.call([1,2,3]) === ‘[object Array]’) -------> true;
    alert(Object.prototype.toString.call(new Date()) === ‘[object Date]’) -------> true;
    alert(Object.prototype.toString.call(function a(){}) === ‘[object Function]’) -------> true;
    alert(Object.prototype.toString.call({}) === ‘[object Object]’) -------> true;
  • 相关阅读:
    Android实战技巧之三十八:Handler使用中可能引发的内存泄漏
    android上FragmentTabHost实现自己定义Tab Indicator
    GSO/TSO/GRO等对VirtIO虚机的网络性能影响分析(by quqi99)
    经典开源作品
    @在php中的作用
    .net开发中常用的第三方组件
    如何正确并完全安装Visual Studio 2015企业版本?
    TinyPNG---一个压缩PNG的神站
    asp.net MD5 加密
    PHP判断访问者手机移动端还是PC端的函数,亲测好用
  • 原文地址:https://www.cnblogs.com/yi0921/p/6183422.html
Copyright © 2011-2022 走看看