JavaScript遍历对象属性

JavaScript中可以通过for in循环获取对象的属性。

//构造一个Person对象
function Person(n, s, a){
	this.name = n;
	this.sex = s;
	this.age = a;
}

Person.prototype.getName = function(){
	return this.name;
}

Person.prototype.getSex = function(){
	return this.sex;
}

Person.prototype.getAge = function(){
	return this.age;
}

//创建Person对象实例
var person = new Person('李四', '男', 24);
//循环遍历对象属性,注意property只是对象属性的名称,如果要获取对象属性值,应该通过person[property]获取。
//如果属性是函数,调用方式为person[property]()。
for(property in person){
	//控制台输出person对象的属性值。
	console.log(property + '=' + person[property]);
}

如下图所示,如果对象的属性不是函数,则返回属性的值,如果是函数,则返回函数的构造方法,可以通过 person[property]()来调用函数。在多重继承对象中,有些属性是父类的属性,for in循环会把父类的属性也遍历出来,这时可以通过hasOwnProperty()方法来判断属性是否是自身属性。


JavaScript遍历对象属性_第1张图片

你可能感兴趣的:(JavaScript遍历对象属性)