Javascript遍历对象属性

在Javascript中，遍历对象属性是一个非常常见的操作，可以获取到对象的所有属性和属性值。以下是一些常见的方法。

for循环遍历对象属性

const obj = { a: 1, b: 2, c: 3 };
for (let prop in obj) {
  console.log(prop, obj[prop]);
}

这将输出以下内容：

a 1
b 2
c 3

Object.keys()方法获取对象属性名

const obj = { a: 1, b: 2, c: 3 };
const props = Object.keys(obj);
console.log(props);

这将输出以下内容：

["a", "b", "c"]

Object.values()方法获取对象属性值

const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
console.log(values);

这将输出以下内容：

[1, 2, 3]

Object.entries()方法获取键值对

const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);
console.log(entries);

这将输出以下内容：

[["a", 1], ["b", 2], ["c", 3]]

使用Array.forEach()方法遍历对象属性

const obj = { a: 1, b: 2, c: 3 };
Object.entries(obj).forEach(([key, value]) => {
  console.log(key, value);
});

这将输出以下内容：

a 1
b 2
c 3

使用Object.getOwnPropertyNames()方法获取自身属性名

const obj = { a: 1, b: 2, c: 3 };
const props = Object.getOwnPropertyNames(obj);
console.log(props);

这将输出以下内容：

["a", "b", "c"]

使用Reflect.ownKeys()方法获取所有自己的属性名

const obj = { a: 1, b: 2, c: 3 };
const props = Reflect.ownKeys(obj);
console.log(props);

这将输出以下内容：

["a", "b", "c"]

以上方法都可以用来遍历Javascript对象属性，选择不同的方法根据实际情况。