一.通过点或者方括号
我们在使用对象的时候,通过点或方括号可以获取对象的属性值,如果该对象自身不存在这个属性,就会返回undefined。
var obj={
name:"小破船",
doWhat:"借箭"
};
console.log(obj.name);//小破船
console.log(obj.age);//undefined
console.log(obj['age']);//undefined
我们可以根据 obj.属性名 !== undefined 的返回值 来判断obj是否有该属性,不过这个方法的局限性在于,如果该属性的属性值本身就是undefined就无法进行正确判断。
二.in运算符
如果指定的属性在指定的对象或其原型链中,则in 运算符返回true反之返回false;
var obj={
name:"小破船",
doWhat:"借箭",
ambiguity:undefined
};
console.log('name' in obj);//true
console.log('age' in obj);//false
console.log('ambiguity' in obj);//true
即使出现obj里的属性的属性值本身为undefined的情况,使用in运算符也可以正常判断。弊端就是,无法判断是自身的属性还是原型链上的属性。
三.使用hasOwnProperty()方法
hasOwnProperty()方法返回一个布尔值,判断对象的自身属性中是否包含指定的属性。
var obj={
name:"小破船",
doWhat:"借箭",
ambiguity:undefined
};
console.log(obj.hasOwnProperty('name'));//true
console.log(obj.hasOwnProperty('age'));//false
console.log(obj.hasOwnProperty('toString'));//false
hasOwnProperty()方法只会判断对象自身的属性中是否包含指定的属性,这样就结局的in运算符的局限。不过该方法也是有局限性的,因为他只能判断自身属性。
三种方式优缺点各有不同,结合场景使用,会更好哦!