zoukankan      html  css  js  c++  java
  • js中[object Object]与object.prototype.toString.call()

    最近在用node读取文件中的json数据后,用JSON.parse()转成了json,然后响应数据传给前端,发现输出值object对象时显示[object object],在这里我们来看一下他的具体意思。

    这篇文章是参考这里,很清楚的讲解了为啥是  [object object]

     

      它表示:[object 对象数据类型] ,在JavaScript中的所有事物都是对象:字符串、数字、数组、日期等等都是,在JavaScript中对象就是拥有属性和方法的数据。对象的数据类型包括:基本数据类型:Undefined、Null、Boolean、Number、String以及复杂数据类型 数组、对象 。在输出时将object转换成String会执行object.prototype.toString(),若没有进行过方法的重写object.prototype.toString()输出的格式就是[object 对象数据类型]。这就是他的由来。

         那以此就可以用来判断数据类型,object.prototype.toString.call() 方法就可以精确的判断js对象的数据类型。

       比如 我们定义了三个变量并输出其数据类型:

        

    var a = "hello world";
    var b = [];
    var c = function(){};
    
    console.log( object.prototype.toString.call( a ) );
    console.log( object.prototype.toString.call( b ) );
    console.log( object.prototype.toString.call( c ) );
    
    //结果
    [object String];
    [object Array];
    [object Function];
    
    因此 想要得到具体的类型可以字符串截取: 
     console.log( object.prototype.toString.call( a ).slice( 8, -1) ); 
    结果: String

     


     

    对于js中判断对象数据类型还有其他两种方法:typeof()和instanceof()。

    下面是typeof()参数类型与对应的返回结果:

    类型 结果
    Undefined  "undefined"
    Null  "object"(见下文)
    Boolean  "boolean"
    Number  "number"
    String  "string"
    Symbol (ECMAScript 6 新增)  "symbol"
    宿主对象(由JS环境提供)  Implementation-dependent
    函数对象([[Call]] 在ECMA-262条款中实现了)  "function"
    任何其他对象  "object"

     


     

     instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。语法:object(要检测的对象) instanceof constructor (某个构造函数) 。示例如下:

     

    / 定义构造函数
    function C(){} 
    function D(){} 
    
    var o = new C();
    
    o instanceof C; // true,因为 Object.getPrototypeOf(o) === C.prototype
    
    o instanceof D; // false,因为 D.prototype不在o的原型链上
    
    o instanceof Object; // true,因为Object.prototype.isPrototypeOf(o)返回true
    C.prototype instanceof Object // true,同上

     

    以上就是我总结的对js中对象以及取值的一些理解。

  • 相关阅读:
    Threading in C#
    在IIS安装配置应用PHP
    QQ,MSN,旺旺,网页链接打开程序
    帮助你免于失业的十大软件技术
    PHP Parse Error: syntax error, unexpected $end 错误解决
    [cgibin] 30个漏洞+使用方法
    为Magento安装示例数据 转发
    配置xampp在php中使用sqlite3
    将MySQL输出内容写入(重定向到)文件
    国内外主要节日表
  • 原文地址:https://www.cnblogs.com/mmzuo-798/p/11102798.html
Copyright © 2011-2022 走看看