如何简化TypeScript接口初始化及数组元素推入操作

方案一：对象字面量+数组映射一步完成 #

利用Array.map()直接将fields转换为Child[]，同时一次性完成Parent对象的初始化，省去中间变量和手动赋值步骤：

methodName(): Parent {
  return {
    childs: fields.map(field => ({ key: field.name, value: field.value }))
  };
}

这种写法无需类型断言，TypeScript会自动推导对象类型，代码简洁且类型安全。

方案二：分步场景下的简化写法 #

如果确实需要分步处理子数组，可以简化Parent的初始化逻辑，同时用更适合数组遍历的for...of替代for...in：

methodName(): Parent {
  const childs: Child[] = [];
  for (const field of fields) {
    childs.push({ key: field.name, value: field.value });
  }
  return { childs }; // 利用对象属性简写语法
}

方案三：抽离Child创建逻辑（复杂场景复用） #

如果Child的初始化逻辑后续可能复用或更复杂，可以抽离成工厂函数：

const createChild = (field: typeof fields[0]): Child => ({
  key: field.name,
  value: field.value
});

methodName(): Parent {
  return {
    childs: fields.map(createChild)
  };
}

额外提示 #

注意：避免使用<Parent>{}这类类型断言，它会绕过TypeScript的类型检查，可能导致对象缺失必要属性。直接用对象字面量初始化，TypeScript会自动完成类型校验，更安全。
如果fields是对象而非数组，可改用Object.entries()遍历：

methodName(): Parent {
  return {
    childs: Object.entries(fields).map(([key, value]) => ({ key, value }))
  };
}

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