如何判断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;
  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值