JavaScript对象转数组及属性访问报错：TypeError问题求助

折腾一天没搞定肯定闹心，咱们一步步拆解这个问题，帮你理顺思路。

首先，你遇到的ERROR TypeError: Cannot convert undefined or null to object，核心原因非常明确：你调用Object.keys(selected)时，selected要么是undefined，要么是null——Object.keys()只能接收合法的对象，空值直接会触发这个报错。

第一步：先给selected加上安全校验 #

在执行遍历逻辑前，先确认selected是有效的对象，从根源避免空值报错：

// 先判断selected是否为合法对象
if (selected && typeof selected === 'object') {
  Object.keys(selected).forEach(function (key) {
    console.log(selected[key]);
    // 你后续的属性处理逻辑放在这里
  });
} else {
  console.warn('selected不是有效的对象，可能是null或未初始化');
}

第二步：对象转数组的实用方法 #

针对你提到的对象转数组需求，这里有几种常用的实现方式，根据你的具体场景选就行：

• 转成属性名的数组：Object.keys(selected)（就是你原本用的，前提是selected有效）
• 转成属性值的数组：Object.values(selected)
• 转成键值对数组（每个元素是[key, value]格式）：Object.entries(selected)

举个值转数组的例子：

if (selected && typeof selected === 'object') {
  const valuesArray = Object.values(selected);
  console.log('转换后的属性值数组：', valuesArray);
}

第三步：把对象属性添加到Typed Class实例中 #

假设你的Typed Class是类似这样的结构：

class TargetClass {
  constructor() {
    // 可以提前声明预期的属性，也可以动态添加
  }
}

这里给你两种批量添加属性的方式：

方法1：用Object.assign快速合并（适合无额外处理的场景） #

if (selected && typeof selected === 'object') {
  const classInstance = new TargetClass();
  // 把selected的所有属性直接合并到实例中
  Object.assign(classInstance, selected);
}

方法2：遍历赋值（适合需要对属性做校验/转换的场景） #

if (selected && typeof selected === 'object') {
  const classInstance = new TargetClass();
  Object.entries(selected).forEach(([key, value]) => {
    // 这里可以加属性类型判断、值转换等逻辑
    classInstance[key] = value;
  });
}

额外排查提示 #

你可以在执行遍历代码前，先打印selected的状态，看看它为什么会变成空值：

console.log('当前selected的值：', selected);
console.log('当前selected的类型：', typeof selected);

常见的原因包括：异步请求还未返回、变量作用域错误、初始化时未赋值等，找到根源才能彻底避免这个问题反复出现。

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