JS 循环遍历对象键 - Javascript

在 JavaScript 中，循环遍历对象的键值对是非常常见的操作。以下是一些方法来遍历对象键：

for...in 循环

最常用的方法是用 for...in 循环来遍历对象键：

const myObj = { a: 1, b: 2, c: 3 };

for (let key in myObj) {
  console.log(key);
}

输出结果：

a
b
c

使用 for...in 循环，我们可以将对象的所有键值都遍历一遍。需要注意的是，for...in 循环不仅遍历对象自身的属性，还会遍历原型链上的属性。

Object.keys 方法

Object.keys 方法返回一个由对象的属性名组成的数组。我们可以遍历这个数组来遍历对象的键：

const myObj = { a: 1, b: 2, c: 3 };

Object.keys(myObj).forEach(function(key) {
  console.log(key);
});

输出结果：

a
b
c

使用 Object.keys 方法的优点是，它只会返回对象自身的属性名数组，而不包括原型链上的属性。

Object.getOwnPropertyNames 方法

Object.getOwnPropertyNames 方法返回一个由对象自身的属性名组成的数组。我们可以遍历这个数组来遍历对象的键：

const myObj = { a: 1, b: 2, c: 3 };

Object.getOwnPropertyNames(myObj).forEach(function(key) {
  console.log(key);
});

输出结果：

a
b
c

与 Object.keys 方法不同，Object.getOwnPropertyNames 方法返回对象自身所有的属性名，包括不可枚举的属性。

结论

以上是一些常用的方法，用于遍历 JavaScript 对象的键。需要注意的是，在使用 for...in 循环时，要注意原型链上的属性也会被遍历到。

还有其他一些方法，如 JSON.stringify，Map 和 Set 等，都可以用来遍历对象。

以上介绍，希望能够帮助你更好地了解 JavaScript 对象的键遍历方法。