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中对象以及取值的一些理解。

原文地址:https://www.cnblogs.com/mmzuo-798/p/11102798.html