Typescript泛型方法
Typescript泛型方法
提问于 2019-07-30 13:11:31
我有一个方法，我想在其中传递一个泛型对象数组。我还想传入要查找的对象属性。
因为属性名称可以更改，所以我想用传入的值来切换描述和值。
我如何做到这一点，如何传入属性并从对象数组中取出它的值？
通过执行以下命令，我知道这些属性是否存在：
console.log(obj[key].hasOwnProperty(strDisplay))
console.log(obj[key].hasOwnProperty(strValue))
public Test<T>(obj: T[], strDisplay: string, strValue: string) {
const pickList: PickListOption[] = [];
Object.keys(obj).forEach(key => {
const option: IPickListOption = {
display:obj[key].description ,
value: obj[key].value
};
pickList.push(option);
})
return pickList;
}我希望能够返回一个新的列表'pickList‘，其中包含显示和值的键值对。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-07-30 13:24:10
您对数组使用Object.keys看起来有点不对劲。要将一个数组转换为另一个数组，map是一个更好的选择。
关于选择这两个键，您将需要strDisplay和strValue作为T的值键，以便对对象进行索引：
interface PickListOption { value: unknown, display: unknown }
function Test<T>(arr: T[], strDisplay: keyof T, strValue: keyof T) {
return arr.map((o): PickListOption => ({
display: o[strDisplay],
value: o[strValue]
}))
}您还可以使用特殊的映射和条件类型将键限制为特定类型的值：
type KeysOfValueType<T, TValue> = {
[P in keyof T] : T[P] extends TValue ? P: never
}[keyof T]
interface PickListOption { value: number, display: string }
function Test<T>(arr: T[], strDisplay: KeysOfValueType<T, string>, strValue: KeysOfValueType<T, number>) {
return arr.map((o): PickListOption => ({
display: o[strDisplay] as unknown as string,
value: o[strValue] as unknown as number
}));
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57272549
复制相关文章
相似问题
Typescript泛型方法
typescript泛型方法类型批注
Typescript泛型？
TypeScript泛型
用TypeScript编写泛型克隆方法
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
