html判断变量,javascript如何判断变量是否为对象？

javascript可以使用用typeof判断简单类型变量是否对象。也可以使用instanceof、constructor、Object.prototype.toString.call()判断变量是否是对象。

1.typeof

我们能够使用typeof判断变量的身份，判断字符串得到string，数字和NaN得到number，函数会得到function等，但是判断数组，对象和null时都会得到object，详细请看js数据类型，这就是typeof的局限性，并不能准确的判断该变量的"真实身份"。

2.instanceof

使用instanceof可以用来判断一个变量是数组还是对象，原理如下：

数组也是对象的一种，使用instanceof都会返回truevar arr = new Array();

var arr = ['aa','bb','cc'];

var obj = { a: 'aa', b: 'bb', c: 'cc' };

console.log(arr instanceof Array); //true

console.log(arr instanceof Object); //true

console.log(obj instanceof Array); //false

console.log(obj instanceof Object); //true

instanceof是如何判断的：

instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性，意思就是该变量通过原型链上能否找到构造函数的prototype 属性，还不清楚原型链的请看原型链，所以就能明白为什么instanceof判断一个变量可以分清楚它到底是数组还是对象：

Array.prototype === arr.__proto__

Object.prototype === arr.__proto__.__proto__

因为arr的原型链上存在Array.prototype和Object.prototype

只有Array类型的变量才会满足arr instanceof Array和arr instanceof Object都返回true，

也只有Object类型变量才满足obj instanceof Array返回false，obj instanceof Object返回true

3.constructorvar arr = ['aa','bb','cc'];

var obj = {

'a': 'aa',

'b': 'bb',

'c': 'cc'

};

console.log(arr.constructor === Array); //true

console.log(arr.constructor === Object); //false

console.log(obj.constructor === Object); //true

4.Object.prototype.toString.call()

Object.prototype.toString.call()方法可以精准判断变量类型，它返回[object constructorName]的字符串格式，这里的constructorName就是call参数的函数名var a = NaN;

var b= '222';

var c = null;

var d = false;

var e = undefined;

var f = Symbol();

var arr = ['aa','bb','cc'];

var obj = { 'a': 'aa', 'b': 'bb', 'c': 'cc' };

var res = Object.prototype.toString.call(arr);

console.log(res);

//[object Array]

var res2 = Object.prototype.toString.call(obj);

console.log(res2); //[object Object]

var res3 = Object.prototype.toString.call(a);

console.log(res3); //[object Number]

var res4 = Object.prototype.toString.call(b);

console.log(res4); //[object String]

var res4 = Object.prototype.toString.call(c);

console.log(res4); //[object Null]

var res5 = Object.prototype.toString.call(d);

console.log(res5); //[object Boolean]

var res6 = Object.prototype.toString.call(e);

console.log(res6); //[object Undefined]

var res7 = Object.prototype.toString.call(f);

console.log(res7); //[object Symbol]

// JavaScript Document

想要了解更多前端知识，可访问 前端开发学习！！