获取object对象上的属性

1. for…in…

let person = {
	name:"aaa",
	age:16
};
for (let x in person) {
	console.log(x); //name age
	console.log(person[x]); // aaa 16
}

for…in和for…of循环的区别：

let a = ['A', 'B', 'C'];
a.name = 'Hello';
for (let x in a) {
	console.log(x); // '0','1','2','name'
}
for (let y of a) {
	console.log(y); // 'A', 'B', 'C'
}

for...in遍历的对象的属性名称，一个Array数组也是一个对象，它的每个对象的索引值被视为一个属性。当手动给Array对象添加额外的属性name后，for…in循环将把name包括在内，但Array的length属性却不包括在内。而for…of循环只循环集合本身的元素。

2. object.keys()

该方法是对象内置的属性方法，它返回一个数组，数组内包括对象内可枚举属性以及方法名称。数组中属性名的排列顺序和使用 for…in 遍历该对象时返回的顺序一致。

// 创建对象
let person = {
	name: "aaa",
	age: "16",
	sayHello: function() {
		console.log("Hello");
	}
};
// 通过调用Object.keys()方法，获取对象上已定义(可枚举)的属性和方法
let keys = Object.keys(person);
console.log(keys); 
//输出 (3) ["name", "age", "sayHello"]

3. Object.getOwnPropertyNames()

该方法返回一个指定对象所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。 数组中枚举属性的顺序与通过for...in循环（或Object.keys() 迭代该对象属性时一致，不可枚举属性的顺序未定义。

// 创建对象
let person = {
	name: "aaa",
	age: "16",
	sayHello: function() {
		console.log("Hello");
	}
};
let keys = Object.getOwnPropertyNames(person);
console.log(keys);　　
// 输出 keys ["name", "age", "action"]

嗯，基本就这样吧，后来一想其实是很基础很基础的东西了，竟然没想起来，最近真的要好好恶补基础了…