极客笔记JS循环对象的四种方法
在JavaScript中，对象是一种复合数据类型，可以存储多个键值对。当我们需要遍历对象并取得键值对时，就需要使用循环来实现。本文将介绍JS循环对象的四种常用方法，分别是for…in循环、Object.keys()方法、Object.values()方法和Object.entries()方法。
1. for…in循环
for…in循环是最常见的遍历对象的方法，它可以遍历对象的可枚举属性。语法如下：
for (let key in obj) {
console.log(`{key}:{obj[key]}`);
}
其中，key表示对象的属性名，obj[key]表示对象的属性值。下面是一个示例：
const person = {
name: 'Alice',
age: 30,
job: 'Engineer'
};
for (let key in person) {
console.log(`{key}:{person[key]}`);
}
运行结果为：
name: Alice
age: 30
job: Engineer
需要注意的是，for…in循环会遍历对象自身的属性以及继承的属性，如果只想遍历对象自身的属性，可以使用obj.hasOwnProperty(key)方法来判断。
2. Object.keys()方法
Object.keys()方法可以获取对象的所有可枚举属性，并返回一个由属性名组成的数组。语法如下：
const keys = Object.keys(obj);
下面是一个示例：
const person = {
name: 'Alice',
age: 30,
job: 'Engineer'
};
const keys = Object.keys(person);
console.log(keys);
运行结果为：
["name", "age", "job"]
3. Object.values()方法
Object.values()方法可以获取对象的所有属性值，并返回一个由属性值组成的数组。语法如下：
const values = Object.values(obj);
下面是一个示例：
const person = {
name: 'Alice',
age: 30,
job: 'Engineer'
};
const values = Object.values(person);
console.log(values);
运行结果为：
["Alice", 30, "Engineer"]
4. Object.entries()方法
Object.entries()方法可以获取对象的所有键值对，并返回一个由[key, value]组成的数组。语法如下：
const entries = Object.entries(obj);
下面是一个示例：
const person = {
name: 'Alice',
age: 30,
job: 'Engineer'
};
const entries = Object.entries(person);
console.log(entries);
运行结果为：
[["name", "Alice"], ["age", 30], ["job", "Engineer"]]
总结
以上就是JS循环对象的四种方法：for…in循环、Object.keys()方法、Object.values()方法和Object.entries()方法。根据实际需求选择合适的方法来遍历对象，可以更高效地操作对象的属性。