js数据类型检测与修改检测

数据类型检测的方法

  1. typeof 【数据】

  2. 【数据】 instanceof 【类型】

  3. 【数据】.constructor === 【类型】

  4. Object.prototype.toString.call(【数据】)

  5. Array.isArray([检测值])

1, typeof检测

2,instanceof检测

二元运算符,它的作用是判断一个引用类型的变量所指向的对象是否是一个类(或接口、抽象类、父类)的实例,即它左边的对象是否是它右边的类的实例该运算符返回 boolean 类型的数据。

   let uint8 = {
     [Symbol.hasInstance](x) {
           return Number.isInteger(x) && x >= 0 && x < +255;
         },
    };
   console.log(128 instanceof uint8); //true
   console.log(256 instanceof uint8); //false//太大

3,constructor检测

我们可以通过constructor来判断数据的类型,但是除了null、undefined,因为他们不是由对象构建。数字、布尔值、字符串是包装类对象,所以有constructor

 可以通过 Array.prototype.constructor = '【自定义类型】'来改变检测结果

   let arr2 = [];
   console.log(arr2.constructor === Array); //true
   Array.prototype.constructor = "a"; //更改constructor  全局影响
   console.log(arr2.constructor === Array); //false

 4,Object.prototype.toString.call检测

每个对象都有一个 toString() 方法,当该对象被表示为一个文本值时,或者一个对象以预期的字符串方式引用时自动调用。默认情况下,toString() 方法被每个 Object 对象继承。如此方法在自定义对象中未被覆盖,toString() 返回 "[object type]",其中 type 是对象的类型。

一个数组,调用了toString。返回了字符串 ,这是正常预期,为什么呢?

因为Array和Object里都有toString() ,根据原型链的就近原则,会先取Array.prototype,
此时我们如果删除Array里面的toString 

delete Array.prototype.toString;
Object.prototype.toString([])//[object,object]

 此时,会发现,明明放进去的是数组,怎么返回了对象类型,因为Object.prototype 本身是对象类型,所以返回了对象类型,要是想判断传入值的类型,需要把传入值的this,指向Object.prototype ,才能判断传入值的类型

Object.prototype.toString.call([])//[object,Array]
  let Oobj33 = {
            name: "张三",
        };
  console.log(Object.prototype.toString(Oobj33)); //[object Object]
  Oobj33.__proto__[Symbol.toStringTag] = "自定义类型";
  console.log(Object.prototype.toString(Oobj33)); //[object 自定义类型]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值