如何在each循环中获取当前遍历对象的名称？

这个问题其实很常见，而且解决方法比你想的简单！从你描述的for循环情况来看，你其实已经摸到门路了——你需要的“对象名称”就是遍历对象时的键名，下面给你几种靠谱的实现方式：

方法1：使用for...in循环（最直接） #

这应该是你当前在用的方式，循环里的迭代变量本身就是子对象的键名！举个实际的例子：

// 你的大对象示例
const bigObj = {
  C: { /* 你的子对象内容 */ },
  // 其他子对象...
};

// 遍历大对象
for (const key in bigObj) {
  // 这里的key就是你要的"当前遍历对象的名称"
  console.log('当前对象名称:', key); // 会输出'C'等键名
  const currentObj = bigObj[key];
  console.log('对应的值:', currentObj); // 就是你说的p变量的值

  // 接下来就可以用key来给页面附加元素了
  const itemElement = document.createElement('div');
  itemElement.innerHTML = `<h3>对象：${key}</h3><p>内容：${JSON.stringify(currentObj)}</p>`;
  document.getElementById('container').appendChild(itemElement);
}

⚠️ 小提示：如果你的对象可能继承了原型链上的属性，可以加个判断过滤掉：

for (const key in bigObj) {
  if (bigObj.hasOwnProperty(key)) {
    // 只处理自身的键名
  }
}

方法2：使用Object.entries()（ES6+推荐） #

这个方法会把对象转换成[键名, 值]的数组，遍历的时候可以直接解构拿到键名和值：

for (const [key, value] of Object.entries(bigObj)) {
  console.log('当前对象名称:', key);
  console.log('对应的值:', value);
  
  // 同样可以用key来操作页面元素
}

方法3：使用Object.keys()结合forEach #

先提取所有键名组成数组，再遍历数组：

Object.keys(bigObj).forEach(key => {
  const value = bigObj[key];
  console.log('当前对象名称:', key);
  console.log('对应的值:', value);
});

其实你之前的循环里，那个输出为C的o变量，就是你要的对象名称呀！可能是你没意识到它的作用～用上面的方式，就能轻松在循环里拿到键名，完成页面元素的附加工作了。

内容的提问来源于stack exchange，提问作者zazvorniki