循环遍历对象元素名称

在JavaScript中，循环遍历一个对象的属性名和属性值是一项非常常见和重要的任务。下面介绍几种遍历对象属性的方法：

1. for...in语句

for...in语句可以用于遍历一个对象的属性名。它的语法如下：

for (variable in object) {
  // code to be executed
}

其中，variable是用来存储每个属性名的变量，object是要遍历的对象。下面是一个例子：

let person = {
  name: "John",
  age: 30,
  gender: "Male"
};

for (let property in person) {
  console.log(property);
}
// Output: name, age, gender

2. Object.keys()方法

Object.keys()方法可以用来获取一个对象的属性名数组，然后可以使用循环遍历这个数组。它的语法如下：

Object.keys(object)

其中，object是要遍历的对象。以下是一个例子：

let person = {
  name: "John",
  age: 30,
  gender: "Male"
};

let keys = Object.keys(person);
for (let i = 0; i < keys.length; i++) {
  console.log(keys[i]);
}
// Output: name, age, gender

3. Object.getOwnPropertyNames()方法

Object.getOwnPropertyNames()方法可以获取一个对象的所有属性名，包括不可枚举的属性。它的语法如下：

Object.getOwnPropertyNames(object)

其中，object是要遍历的对象。以下是一个例子：

let person = {
  name: "John",
  age: 30,
  gender: "Male"
};

let propertyNames = Object.getOwnPropertyNames(person);
for (let i = 0; i < propertyNames.length; i++) {
  console.log(propertyNames[i]);
}
// Output: name, age, gender

除了上述方法，还有一些其他方式可以用来遍历对象属性，比如通过Object.entries()方法获取属性名和属性值的键值对数组，然后进行遍历。需要根据具体情况选择合适的方法。