无法向null数组push对象：如何初始化数组实现对象元素添加

核心原则是保证调用push方法前，目标变量为合法数组类型，不能为null、undefined或其他非数组类型，可根据你的业务场景选择以下方案：

• 变量声明时直接初始化空数组
  这是最推荐的处理方式，从根源避免空值问题，示例代码：

  // 普通JS变量
  let targetList = [];
  // React状态初始化
  const [targetList, setTargetList] = useState([]);
  // Vue3响应式变量初始化
  const targetList = ref([]);
  

• push操作前做兼容兜底
  如果数组值来源于接口返回、异步计算等无法在声明阶段确定的场景，在调用push前先做空值兼容：

  // 简易空值兜底，兼容null/undefined场景
  targetList = targetList || [];
  // ES2021+ 更严谨的空值合并赋值，只会处理null/undefined，不会覆盖0、false等合法值
  targetList ??= [];
  // 兼容非数组类型的极端场景，避免把字符串、对象等类型误转为数组
  if (!Array.isArray(targetList)) {
    targetList = [];
  }
  // 确认类型合法后再执行push操作
  targetList.push(yourObject);
  

报错时的数组状态参考：

内容的提问来源于stack exchange，提问作者King Of Chads