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

想要了解更多前端知識，可訪問 前端開發學習！！

總結

以上是生活随笔為你收集整理的html判断变量,javascript如何判断变量是否为对象？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。