在 TypeScript 中克隆对象数组

Question

我的界面中定义了一组如下所示的对象：myArray: [{    id: number;    item: string;    checked: boolean;}]我正在尝试使用以下语句克隆数组：let newArray = myArray.map(x => Object.assign({},x));当我尝试将新数组分配给我的原始数组时，出现以下错误：Type '{ id: number; item: string; checked: boolean; }[]' is not assignable to type'[{ id: number; item: string; checked: boolean; }]'.  Target requires 1 element(s) but source may have fewer看起来对象数组正在转换为数组对象。

Answer 1

您遇到的问题在于 TypeScript 中的元组和列表类型之间的区别。考虑以下示例：

type AsTuple = [number];

type AsArray = number[];

let myArrayA: AsArray = [];

let myArrayB: AsTuple = []; // This one errors

为什么第二个错误？这是因为AsArray是一个数字数组，而AsTuple是一个元组，其中元组中的第一个（也是唯一一个）项目是一个数字。空数组不符合类型AsTuple；它必须是一个单项数组。

在您的示例中，您有：

myArray: [{

    id: number;

    item: string;

    checked: boolean;

}]

它定义myArray为一个元组类型——它可以有一个项目，这是一个对象。您可以通过将其设为数组类型来更正它：

myArray: {

    id: number;

    item: string;

    checked: boolean;

}[]