如何用声明式方法将TypeScript数组元素转为完整类实例？

给定无法修改的ValueType类：

class ValueType {
    name: string;
    size: number = 5;

    constructor(source?: {
        name?: string;
        size?: number;
    }) {
        if (source) {
           Object.assign(this, source);
        }
    }
};

当前需求是将一组Partial<ValueType>的数组元素，补全默认属性后转换为完整的ValueType[]。现有逐个处理的方法（如new ValueType()或展开默认实例）在大数组场景下代码冗余，而直接使用Partial<ValueType>[]无法获取默认值。

优化方案 #

1. 封装类型安全的转换函数（推荐）

复用类的构造函数逻辑，封装一个工具函数统一处理转换，代码简洁且类型安全：

function toValueType(source: Partial<ValueType>): ValueType {
    return new ValueType(source);
}

// 大数组场景使用示例
const partialItems: Partial<ValueType>[] = [
    { name: 'tom' },
    { name: 'jerry', size: 10 },
    { size: 7 }
];

const completeItems: ValueType[] = partialItems.map(toValueType);
console.log(completeItems[0].size); // 5
console.log(completeItems[1].size); // 10

TypeScript会自动推导函数返回值类型，无需额外类型标注，同时保证输入符合Partial<ValueType>约束。

2. 直接使用map+构造函数（无额外封装）

如果不想新增工具函数，直接在map中调用构造函数即可，TypeScript会自动推导返回的数组类型为ValueType[]：

const completeItems = [
    { name: 'alice' },
    { size: 8 }
].map(item => new ValueType(item));

console.log(completeItems[0].size); // 5

3. 基于Object.assign的类型优化

若偏好使用Object.assign，可以封装一个明确类型的填充函数：

const fillDefaults = (source: Partial<ValueType>): ValueType => 
    Object.assign(new ValueType(), source);

const completeItems = [{ name: 'bob' }].map(fillDefaults);
console.log(completeItems[0].size); // 5

该函数明确约束输入为Partial<ValueType>，返回完整的ValueType，保证类型安全。

避免的误区 #

直接使用Partial<ValueType>[]无法获取默认值，因为Partial仅表示属性可选，不会自动填充类的默认值：

// 错误示例：size为undefined
let test3: Partial<ValueType>[] = [{ name: 'tom' }];
console.log(test3[0].size); // undefined

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