1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html判断变量 javascript如何判断变量是否为对象?

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

时间:2020-12-02 10:54:44

相关推荐

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。