如何使用同一代码遍历并访问数组与对象的元素？

嘿，我来帮你搞定这个通用遍历的问题！你之前尝试的代码在对象场景没输出，问题其实很明确：Object.keys(value)返回的是对象键名组成的数组，你用for...in遍历这个数组时，拿到的是数组的索引（比如0、1、2这类数字），而不是对象的键名，自然没法正确访问对象的属性值啦。

我给你写一个靠谱的通用遍历函数，不管传入的是数组还是对象，都能正确遍历并处理每个元素：

function traverseAndProcess(value) {
  // 先判断是否为数组，用Array.isArray比typeof更准确
  if (Array.isArray(value)) {
    value.forEach(item => {
      // 这里替换成你的实际处理逻辑，比如打印
      console.log(item);
      // 如果需要递归处理嵌套的数组/对象，可以放开下面这行
      // traverseAndProcess(item);
    });
  } 
  // 判断是否为对象（排除null，因为typeof null会返回object）
  else if (typeof value === 'object' && value !== null) {
    // Object.keys会返回对象的所有自有可枚举属性键名，相当于自动做了hasOwnProperty校验
    Object.keys(value).forEach(key => {
      const item = value[key];
      // 同样替换成你的处理逻辑
      console.log(item);
      // 递归处理嵌套结构
      // traverseAndProcess(item);
    });
  }
  // 处理非数组非对象的单个值（可选，让函数更健壮）
  else {
    console.log(value);
  }
}

为什么这个方案好用？ #

• 准确的类型判断：用Array.isArray()判断数组，避免了typeof [] === 'object'的坑；对象判断时特意排除了null，防止调用Object.keys时报错。
• 自动处理自有属性：Object.keys()只会返回对象的自有可枚举属性，相当于帮你完成了hasOwnProperty()的校验，不用再在for...in里额外写判断了。
• 可扩展嵌套遍历：如果你的数据有嵌套结构（比如数组里包含对象，对象里包含数组），只需要放开注释里的递归调用，就能自动处理嵌套元素。

测试示例 #

你可以用下面的代码测试这个函数：

// 测试数组
traverseAndProcess([1, 2, 3]);
// 输出：1 2 3

// 测试对象
traverseAndProcess({name: 'Alice', age: 25});
// 输出：Alice 25

// 测试嵌套结构（开启递归后）
traverseAndProcess([{a: 1}, [2, 3]]);
// 输出：{a:1} 2 3 1

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