如何修复数组map修改对象时的TS错误：Property 'classatAtSchool'不存在

你遇到的错误是因为DataType定义的对象结构里没有classatAtSchool字段，TypeScript不允许直接给不存在的属性赋值。不修改原DataType为可选属性的话，推荐以下两种更合理的修复方式：

方式一：返回新对象（推荐，避免污染原数据） #

核心思路是通过扩展运算符创建包含新字段的新对象，而非修改原数组中的对象，同时明确定义返回值的类型：

type DataType = {
  name: string;
  age: number;
}[];
const data: DataType = [
  { name: 'ann', age: 10 },
  { name: 'den', age: 11 },
]

type ClassatAtSchool = {
  classatAtSchool: string;
}

const classatAtSchoolObj: ClassatAtSchool = {
  classatAtSchool: '5a',
}

// 定义合并后的对象类型
type DataItemWithClass = DataType[0] & ClassatAtSchool;
type DataTypeWithClass = DataItemWithClass[];

function changeData(data: DataType, additionalData: ClassatAtSchool): DataTypeWithClass {
  return data.map(item => {
    // 返回包含原属性和新字段的新对象
    return { ...item, ...additionalData };
  });
}

const newData = changeData(data, classatAtSchoolObj);
console.log(newData);

这种方式的优势：

• 不会修改原数组中的对象，避免意外污染原始数据
• 返回类型明确，TypeScript能准确推断新数组的结构，不会有类型模糊的问题

方式二：调整类型定义以支持修改原对象（不推荐） #

如果确实需要直接修改原数组中的对象，可以通过交叉类型让DataType的对象允许存在classatAtSchool字段，但这种方式会让原数据的类型变得模糊（对象可能有或没有该字段），仅在必须修改原数据的场景下使用：

type DataType = ({ name: string; age: number; } & Partial<ClassatAtSchool>)[];
const data: DataType = [
  { name: 'ann', age: 10 },
  { name: 'den', age: 11 },
]

type ClassatAtSchool = {
  classatAtSchool: string;
}

const classatAtSchoolObj: ClassatAtSchool = {
  classatAtSchool: '5a',
}

function changeData(data: DataType , additionalData: ClassatAtSchool) {
  const newData = data.map(item => {
    item.classatAtSchool = additionalData.classatAtSchool;
    return item;
  })
  console.log(newData);
}

changeData(data, classatAtSchoolObj);

这里用Partial<ClassatAtSchool>让classatAtSchool成为可选属性，但本质和你提到的修改方式类似，只是用交叉类型更简洁。

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