zoukankan      html  css  js  c++  java
  • vue_如何判断变量是数组还是对象

    一、typeof判断数据类型(判断数组跟对象都返回object)

    console.log(typeof null); // "object"
    console.log(typeof function () {
    return 1;
    }); // "function"
    console.log(typeof '梦龙小站'); // "string"
    console.log(typeof 1); // "number"
    console.log(typeof a); // "undefined"
    console.log(typeof undefined); // "undefined"
    console.log(typeof []); // "object" 
    console.log(typeof NaN); // "number" 
    console.log(typeof {}); // "object"


    二、instanceof判断对象的原型链是否是指向构造函数的prototype

      var arr = [1,2,3,1];
      console.log(arr instanceof Array)//true

    三、对象的constructor属性

      var arr = [1,2,3,1];
      console.log(arr.constructor === Array)//true


    四、Object.prototype.toString.call(arr)
      利用对象的toString可以准确判断是什么类型,call()改变this指向,这里是借用Object的方法,然后有人可能会问为什么不直接用arr.toString而要借用Object的方法,
      我们看下面
      

    console.log(Object.prototype.toString.call("jerry"));//[object String]
    console.log(Object.prototype.toString.call(12));//[object Number]
    console.log(Object.prototype.toString.call(true));//[object Boolean]
    console.log(Object.prototype.toString.call(undefined));//[object Undefined]
    console.log(Object.prototype.toString.call(null));//[object Null]
    console.log(Object.prototype.toString.call({name: "jerry"}));//[object Object]
    console.log(Object.prototype.toString.call(function(){}));//[object Function]
    console.log(Object.prototype.toString.call([]));//[object Array]
    console.log(Object.prototype.toString.call(new Date));//[object Date]
    console.log(Object.prototype.toString.call(/d/));//[object RegExp]
    console.log(Object.prototype.toString.call(new Person));//[object Object]

    直接用toString

    console.log("jerry".toString());//jerry
    console.log((1).toString());//1
    console.log([1,2].toString());//1,2
    console.log(new Date().toString());//Wed Dec 21 2016 20:35:48 GMT+0800 (中国标准时间)
    console.log(function(){}.toString());//function (){}
    console.log(null.toString());//error
    console.log(undefined.toString());//error

      因为toString为Object原型上的方法,而Array、Function都是Object的实例,实例重新改写了原型上的toString方法,不同的对象调用toString方法,调用的是改写之后的方法

      (转成各种类型的字符串),而不会调用Object原型上的toString()方法,因此直接调用不能判断对象类型

    var arr=[1,2,3];
    console.log(Array.prototype.hasOwnProperty("toString"));//true
    console.log(arr.toString());//1,2,3
    delete Array.prototype.toString;//delete操作符可以删除实例属性
    console.log(Array.prototype.hasOwnProperty("toString"));//false
    console.log(arr.toString());//"[object Array]"

      我们可以看到,删除实例上的toString方法后调用的是Object原型上的toString()方法,返回对象类型

    五、es6的方法——Array.isArray()

      

    Array.isArray([]) //true


    六、看好多博客说用length判断,这个其实不准确

    var obj={a:1}
    var arr = []
    console.log(obj.length)//undefined
    console.log(arr.length)//0
    
    obj.length = 1
    console.log(obj.length)//1

    对象可以直接添加length这个属性,就无法区分了

  • 相关阅读:
    【English】20190307
    【Teradata】四舍五入函数
    【Teradata】配置PE和AMP(congfig和reconfig工具、vprocmanager)
    【English】20190306
    【Teradata】数据库初始化(sysinit和dip工具)
    【Teradata】日期类型转换
    Optional常用操作
    Stream学习笔记
    拦截Restful API的三种方式
    maven之可执行jar包
  • 原文地址:https://www.cnblogs.com/cherylgi/p/13405700.html
Copyright © 2011-2022 走看看