Bootstrap

如何判断js对象是否存在某个属性?

判断js对象是否存在某个属性其实有很多方法,选择哪种方法很大程度上看我们的实际业务场景了。下面总结了日常使用的几种方法。

1.hasOwnProperty()

const obj = {a: 1, b: 2};
obj.hasOwnProperty('a'); // true
obj.hasOwnProperty('c'); // false

2.使用undefined判断

// 该方法存在一个问题,如果属性的值就是undefined的话,该方法不能返回想要的结果
const obj = {a: 1, b: undefined};
obj.a !== undefined; // true
obj.c !== undefined; // false
obj.b !== undefined; // false

3.in 关键字

const obj = {a: 1, b: 2};
'a' in obj; // true
'c' in obj; // false

4.点或者方括号

const obj = {a: 1, b: 2};
obj.a // 1
obj.c // undefined
obj['a'] // 1
obj['c'] // undefined

5.Object.keys()

const obj = {a: 1, b: 2};
Object.keys(obj).includes('a'); // true
Object.keys(obj).includes('c'); // false

几种方式各有优缺点,最终还需要结合不同是场景使用不同的方法,甚至有时候还需要结合使用。不过多记几种方法总归是好的呀~~~ 

;