js 遍历 对象的 key名称

要遍历 JavaScript 对象的键名称，您可以使用 `Object.keys()` 方法。这个方法会返回一个包含对象所有可枚举属性的键数组。以下是一个示例：

var obj = {a: 1, b: 2, c: 3};

var keys = Object.keys(obj);

keys.forEach(function(key) {
  console.log(key); // 输出每个键名称
});

在上述示例中，我们创建了一个对象 `obj`，其中包含三个键值对。然后，我们使用 `Object.keys()` 方法获取对象的所有键，并将它们存储在数组 `keys` 中。

接下来，我们使用 `forEach()` 方法遍历键数组，并对每个键执行自定义的操作。在这个示例中，我们简单地将每个键名称输出到控制台。

注意，`Object.keys()` 方法只会返回对象自身的可枚举属性的键名称，不包括原型链上的属性。如果您需要遍历对象自身的属性，可以直接使用 `for...in` 循环或使用 `hasOwnProperty` 方法进行判断。

使用 `Object.keys()` 方法可以方便地遍历 JavaScript 对象的键名称，并进行相应的操作。

相关问题

js 遍历对象之后拿key值重新组装成一个新对象

在JavaScript中，遍历对象并根据其键值对重新组装成一个新的对象是一个常见的操作。这通常可以通过使用`for...in`循环或者`Object.keys()`方法来实现。以下是使用这两种方法的例子：

使用 `for...in` 循环的示例：

var originalObj = {
    key1: 'value1',
    key2: 'value2',
    key3: 'value3'
};

var newObj = {};
for (var key in originalObj) {
    if (originalObj.hasOwnProperty(key)) {
        newObj[key] = originalObj[key];
    }
}

使用 `Object.keys()` 方法的示例：

var originalObj = {
    key1: 'value1',
    key2: 'value2',
    key3: 'value3'
};

var keys = Object.keys(originalObj);
var newObj = {};
keys.forEach(function(key) {
    newObj[key] = originalObj[key];
});

在这两个示例中，我们首先定义了一个原始对象 `originalObj`，然后创建了一个空对象 `newObj` 用于存放结果。遍历原始对象的键值对，并将它们添加到新对象中。`for...in` 循环直接遍历对象的所有可枚举属性，而`Object.keys()`方法则返回一个包含对象自身所有可枚举属性名称的数组，然后我们遍历这个数组。

js 遍历 对象集合

你可以使用 `for...in` 循环来遍历对象集合。这个循环会遍历对象上的所有可枚举属性，并将属性名称赋值给循环变量。例如：

const obj = {
  name: 'Alice',
  age: 30,
  city: 'New York'
};

for (let key in obj) {
  console.log(key + ': ' + obj[key]);
}

这个代码会输出以下内容：

name: Alice
age: 30
city: New York

注意，`for...in` 循环会遍历对象自身的属性以及继承自原型链上的属性（如果它们是可枚举的）。如果你只想遍历对象自身的属性，可以使用 `Object.hasOwnProperty()` 方法来检查属性是否是对象自身的属性。例如：

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key + ': ' + obj[key]);
  }
}

这个代码会输出与之前相同的内容，但不会输出继承自原型链上的属性。